iview中table表格组件有个renderHeader属性，它可以自定义列头显示内容，使用Vue的Render函数。传入两个参数，第一个是h，第二个为对象，包含 column 和 index，分别为当前列数据和当前列索引。示例：renderheader:(h,params)=>{...

父组件传值：render:(h,params)=>{returnh('a',{attr:{},props:{'v-model':'test','key':'value','parentWindow':this},style:{marginRight:'5px'}},'查看')) 子组件使用：export...

<Page:total=totalPage:current=currenPage:page-size=pageSize@on-change="changePage"@on-page-size-change="changePageSize":page-size-opts="[1,2,5,10]"show-eleva...

由于项目需求需要配置国际化,使用的UI框架为iview,vue国际化使用的是vue-i18n组件，按照官方要求下载vue-i18n(8.14.0),版本大于6.0按照官方提供的6.0配置方案解决。第一步：需要先进行安装npminstallvue-i18n第二步:  创建一个新的目录language目...

  首先先安装依赖：npminstallv-viewer--save 然后全局引入，我这边是在main.js里面操作写的：importViewerfrom'v-viewer'import'viewerjs/dist/viewer.css' 然后注册下：Vue.use(Viewer...

 如，简单的多选Select，<Selectv-model="model"filterableclearabletransfermultiple><Optionv-for="forminprops.options":value="form.value":key="form.value">...

  在vue脚手架中，目前项目使用的iview里面的图标，不够满足，需要自定义加入图标。 在阿里图标库：https://www.iconfont.cn 然后把本项目需要的图标可以放在里面。 然后将iconfont下载到本地。  修改iconfont....

在iview中，失去焦点的写法是：@on-blur="editTitle(item,index)" ...

 在使用iviewInput组件是，需要enter粗发相关的请求事件，但是在Input组件内不起效果：<Inputplaceholder="请输入查询信息"class="active"v-model="searchText"@keyup.enter.native="searchArticle()">...

sort:[{required:true,message:'请填写栏目排序',trigger:'blur'},{type:'number',message:'请输入数字',trigger:'blur',transform(value){returnNumber(value);}}]  这边需要对值进...

  rules:{title:[{required:true,message:'请填写栏目名称',trigger:'blur'}],desc:[{required:true,message:'请填写栏目描述',trigger:'blur'}],sort:[{required:true,message...

适合小白用来上手;iViewUI引入分为两种方式：一种是全局引用，另一种是按需引用。与ELEMENTUI引入方式雷同。不管是哪一种的都需要第一步安装。(假设看此篇文章的你已经搭建好vue-cli)1、安装：cnpminstalliview--save 方式一：全局引用在main.js文件配置：importiV...

一，Select选择器使用html　<Selectv-model="model15"prefix="ios-home"><Optionv-for="itemincityList":value="item.id":key="item.id">{{item.name}}</Option>...

一，1，日期时间选择器，验证时type应为'data'类型;{required:true,type:'date',message:'请选择日期',trigger:'blur'}2，（将后台获取到的字符串格式的数据放入newData()中,问题就解决了）日期时间选择器，是将时间转为标准时间格式进行处理的，这里要注意在进行...

在做修改数据的对话框中表单校验时，日期时间验证不了小图标一直在打转，因为我后台获取到的数据（是字符串的格式），应该将获取到的字符串格式的数据放到newData（）中（转为标准时间格式），就可以通过验证了，也可以正常提交表单了。 <FormItemprop="beginDate"><DateP...