iview中table里嵌套i-switch、input、select等

iview中table内嵌套

input

　render:(h,params) => {return h('Input',{props: {value:'',size:'small',},on: {input: (val) => {t.data[params.index].estimateTime = val}},})}

View Code

select

 render: (h, params) => {return h('Select',{props:{},on: {'on-change':(event) => {this.data[params.index].volumeType = event;}},},params.row.action.map((item) =>{return h('Option', {props: {value: item.value,label: item.name}})}))}

View Code

i-switch

render: (h, params) => {//return h('元素',{元素的性质},'内容')return h('i-switch', {props: {size: "large",value: params.row.status == "true"},on: {'on-change': (value) => {params.row.status = value;const th = this;axios.get(th.url + '/departmentType/updateStatus', {params: {dId: params.row.dId,status: value}}).then(function(res) {if (res.data.code === 1028) {th.$Message.success(res.data.message);} else {th.$Message.error(res.data.message);th.changePage(1);}})}}},[h('span', {slot: "open",domProps: {innerHTML: '正常'}}),h('span', {slot: "close",domProps: {innerHTML: '冻结'}}),])}

View Code

InputNumber

render: (h, params) => {return h('div', [h('InputNumber', {props: {size: "large",value: params.row.dSort},on: {'on-change': (value) => {this.DepartmentType.dId =params.row.dId;this.DepartmentType.dSort = value;this.updateSort();}}})])}

View Code

posted @ 2018-12-26 19:55 韦邦杠阅读(...) 评论(...) 编辑收藏

iview中table里嵌套i-switch、input、select等相关推荐

table.render加入php传值,iView中Table通过render添加一个Input如何双向绑定数据
有一个Table: JS代码如下: export default { data(){ return { columns:[], data:[{name:11111,name2:'加工精度',value ...
elementui 表格英文加数字排序_解决vue elementUI中table里数字、字母、中文混合排序问题...
1.使用场景使用elementUI中的table时,给包含数字字母中文的名称等字段排序例如:数字(0->9)->大写字母(A->Z)->小写字母(a->z)-> ...
iview中Table属性中的on-row-click属性
iview中Table属性中的on-row-click属性 on-row-click属性,在此后台系统中用来从左侧的table中选中一项,作为值传递给右侧的表格,右侧表格从拿到的数据,渲染出对应的列表 ...
iview table 自定义列_案例 | iview中Table：拖拽适配列、自定义固定列、合并行
文 / 景朝霞来源公号 / 朝霞的光影笔记 ID / zhaoxiajingjing ❥❥❥❥点个赞,让我知道你来过~❥❥❥❥ 0 / 更新Table "iview": &quo ...
iView中table表格中使用select选框和下拉菜单的方法
首先是iview的表格中使用select选框 {title: '适用区域',//纵列表头(类似于th)width:140, //列表每一格的宽度align: 'center', //ivew里面的写法 ...
iview中table返回的标签设置禁用
iview中自己不知到的知识问题,在export中render返回的Button标签怎么根据状态禁用欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器所展示的欢迎页 ...
AntDesignVue中Table表格嵌套子表格expandedRowRender插槽用法
在一次项目中使用antdVue表格嵌套子表格时,出现了父表格下子表格数据覆盖的情况,错误情况就不复现了,直接上正确代码需求:根据父表格id来获取子表格数据还是说下错误的情况吧,这个时候可以正常取到 ...
iView中Table组件通过render属性渲染自定义组件
// render函数的参数h代表creatElement函数,参数o代表三个属性值,具体查看iView文档 render(h,o) { // h函数的第一个参数代表要渲染的元素,可以是标签名称也可以 ...
iview中Table的render用法大全
1.日期格式化(yyyy-MM-dd hh:mm:s) {title: "格式化时间",key: "time",render: (h, params) => ...
iview中table排序
看到一篇比较好的文章,分享出来:https://blog.csdn.net/qmzmzxk/article/details/81748422 官网也写得很清楚:https://www.iviewui. ...

iview中table里嵌套i-switch、input、select等

iview中table里嵌套i-switch、input、select等

iview中table里嵌套i-switch、input、select等相关推荐

最新文章

热门文章