有一个Table:

JS代码如下:

export default {

data(){

return {

columns:[],

data:[{name:11111,name2:'加工精度',value:'',key:''}]

}

},

created(){

this.init();

},

methods:{

init(){

let vm = this;

this.columns = [

{

title: '序号',

key: 'name'

},

{

title: '检验项名称',

key: 'name2'

},

{

title: '检验值',

key:'value',

render: (h, params) => {

return h('Input',{

props:{

type:'text',

value:vm.data[params.index].value //此处如何让数据双向绑定

},

on:{

'on-change':(event) => {

console.log(params)

}

}

})

}

},

{

title: '检验结论',

key:'key',

render: (h, params) => {

return h('Select',[

h('Option', {

props: {

value: '1',

}

}, '合格'),

h('Option', {

props: {

value: '2',

}

}, '不合格')

]);

}

},

]

},

get(){

console.log(this.data)

}

}

}

table.render加入php传值,iView中Table通过render添加一个Input如何双向绑定数据相关推荐

  1. iview table 自定义列_案例 | iview中Table:拖拽适配列、自定义固定列、合并行

    文 / 景朝霞 来源公号 / 朝霞的光影笔记 ID / zhaoxiajingjing ❥❥❥❥点个赞,让我知道你来过~❥❥❥❥ 0 / 更新Table "iview": &quo ...

  2. iview中Table属性中的on-row-click属性

    iview中Table属性中的on-row-click属性 on-row-click属性,在此后台系统中用来从左侧的table中选中一项,作为值传递给右侧的表格,右侧表格从拿到的数据,渲染出对应的列表 ...

  3. 使用layui 做后台管理界面,在Tab中的链接点击后添加一个新TAB的解决方法

    使用layui 做后台管理界面,在Tab中的链接点击后添加一个新TAB的解决方法 参考文章: (1)使用layui 做后台管理界面,在Tab中的链接点击后添加一个新TAB的解决方法 (2)https: ...

  4. python中列表中增加逗号,Python 实现在文件中的每一行添加一个逗号

    步骤1:读取每行(每行的类型是str) 步骤2:对每行列表化 步骤3:弹出每行的/n两个字符 步骤4:追加,/n三个字符 代码实现如下: #import os From_file=open('D:\\ ...

  5. iView中table表格中使用select选框和下拉菜单的方法

    首先是iview的表格中使用select选框 {title: '适用区域',//纵列表头(类似于th)width:140, //列表每一格的宽度align: 'center', //ivew里面的写法 ...

  6. iview中table返回的标签设置禁用

    iview中自己不知到的知识 问题,在export中render返回的Button标签怎么根据状态禁用 欢迎使用Markdown编辑器 你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页 ...

  7. data layui table 排序_浅谈layui中table的sort排序

    table模块是layui框架最核心的组成之一,它用于对表格进行一些列功能和动态化数据操作,本文介绍了layui中table的sort排序,解决了在我们使用sort排序时可能遇到的一些问题. 今天来谈 ...

  8. iView中Table组件通过render属性渲染自定义组件

    // render函数的参数h代表creatElement函数,参数o代表三个属性值,具体查看iView文档 render(h,o) { // h函数的第一个参数代表要渲染的元素,可以是标签名称也可以 ...

  9. iview中Table的render用法大全

    1.日期格式化(yyyy-MM-dd hh:mm:s) {title: "格式化时间",key: "time",render: (h, params) => ...

最新文章

  1. C#资源文件与与资源名称字符串之间的互相转化
  2. Android多媒体开发:照相机
  3. Linux jdk配置/下载/安装简单说明
  4. 201.09.22 除虫药水(线性dp)
  5. 使用VS Code开发调试.NET Core 多项目
  6. 将Java Flight Recorder与OpenJDK 11结合使用
  7. python函数拟合编程_Python应用实现双指数函数及拟合代码实例
  8. 华为怎么申请鸿蒙商标,华为已注册华为鸿蒙商标是怎么回事 华为鸿蒙商标注册...
  9. editplus设置不生成备份文件_删库不跑路,手把手教你MySQL数据恢复
  10. 吃亏的程序员,如何拿到 9 个月的年终奖?
  11. python有什么用-python都可以做什么用
  12. 北大光华女的超强面经! 感动之余,真的受益匪浅。
  13. 在Excel中插入项目符号的基本方法
  14. 六一儿童节就要过去了,您是否因为工作忙绿而没办法陪孩子玩
  15. Vue.js与Node.js一起打造一款属于自己的音乐App(收藏)
  16. 程序员在二线城市工作爽吗?
  17. 微信平台开发的基本步骤讲解
  18. 2020中职技能高考计算机,我市62名中职学生获得2020年技能高考操作考试满分
  19. 一文拿捏:正则表达式
  20. 高校新闻抓取分析之百度新闻篇---数据抓取

热门文章

  1. C++实现剔除不能识别的非ASCIII、非中文字符
  2. Error:Could not find appcompat-v7.aar (com.android.support:appcompat-v7:26.1.0). Searched in the fol
  3. c语言扩展运算符是什么,扩展运算符(spread)是三个点(…)
  4. java jsonp_java结合使用Jsonp的例子
  5. pythonurllib标准_Python标准库学习笔记 urllib模块
  6. 常见的异步方式async 和 await
  7. (一)Builder(建造者)模式
  8. Android ORM 框架:GreenDao 数据库升级
  9. Docker多步构建更小的Java镜像
  10. Mybatis官方文档——入门