iview
xueyue616
这个作者很懒,什么都没留下…
展开
-
iview table render中使用自定义封装的组件写法
父组件table中的render写法: { title: "TypeDefinition", key: "typeDefinition", render: (h, params) => { return h("div", [ h(DynamicSelect, {...原创 2020-01-19 14:23:33 · 1392 阅读 · 0 评论 -
iView Table组件自定义
效果展示 代码如下resourcesColumn: [ { title: "文件名", key: "FileName", align: "left", width: 200, render: (h, params) => { var ...转载 2018-11-02 11:12:43 · 675 阅读 · 0 评论 -
[Vue.js — iView — Tree] 点击树组件父节点名称时展开、收缩后代节点
适用于iview tree。```<Tree ref="tree" :data="data" :load-data="loadData" @on-select-change="selectChange" show-checkbox/>``` ```data() { return { data: [], id: 0 }},methods:...转载 2018-11-02 11:16:29 · 3463 阅读 · 0 评论 -
iview+Vue 知识整理(持续补充)
1、iview组件事件额外传参 在使用iview的组件时,希望在其定义的某个钩子事件处理函数中传递一个额外参数,同时又不影响该钩子事件默认的返回值,以iview中Select组件为例,on-open-change事件是有默认返回值event,保留event返回值的情况下,额外传递一个id参数,$event参数即表示on-open-change默认返回的参数,写法如下:<...原创 2019-04-28 15:07:03 · 545 阅读 · 0 评论 -
关于iview表单验证的问题
关于iview表单验证的问题iview表单验证的步骤:第一步:给 Form 设置属性 rules :rules 第二步:同时给需要验证的每个 FormItem 设置属性 prop 指向对应字段即可 prop=" " 第三步:注意:Form标签里面是 :model 第四步:注意:在Form标签里面必须添加 ref,相当于id,在此范围内的表单验证有效 第五步:在操作保存按钮时,添加方法...转载 2019-05-15 10:52:30 · 305 阅读 · 0 评论 -
Vue iview时间组件DatePicker,设置开始时间和结束时间约束
html模板代码:<FormItem label=""><Row><Col span="11"><DatePicker type="date" :options="startTimeOptions" @on-change="startTimeChange" placeholder="开始时间"...转载 2019-06-06 14:21:02 · 1140 阅读 · 0 评论 -
iView + Vue ,DatePicker选择日期后格式变成UTC处理,注意两点不用自己转格式
问题:DatePicker组件,选择日期后格式变成UTC,例如:选择的日期是2019-03-10,得到的结果却是2019-03-10T16:00:00.000Z,页面显示是Sat Mar 09 2019 00:00:00 GMT+0800 (中国标准时间)解决:用on-change事件的返回值,给绑定的数据赋值。查文档可知道on-change的返回值是已经格式化后的日期,是我们想要的格式,在&...原创 2019-09-16 11:05:04 · 2223 阅读 · 2 评论