Vue中在table表格中嵌套input标签点击事件实现单行编辑状态更改

Vue中在table表格中嵌套input标签点击事件实现单行编辑状态更改,第1张

在table数据中加一个disabled属性的值

将disabled属性动态绑定至对象中对应的vVisible中

点击事件传递index参数

改变点击行的disabled属性

VUE页面中通过双击实现复制表格中内容页面预览;

vue中element-ui中的表格鼠标选中行的时候,行class会自动添加一个current-row,所以通过设置这个class控制编辑和不可编辑标签的显示隐藏;

vue中在合并单元格的代码中,obj实际上 *** 作的是td的相关属性。children中的内容是放在td中的。这个内容就类似于上面的template。因为能 *** 作td以及内部的内容,所以这种方法的灵活性更加高。对于单元格合并这种 *** 作来说,只能通过customRender来了;

vue中简单的点击事件,可以通过简单地template调用点击事件。也可以方便的传参数。

Vue.js提供了一个v-on指令,可以用来添加点击事件处理器。例如,可以使用以下代码将点击事件处理器添加到文本中的某个字:<p v-on:click="yourMethod">Your Text Here</p>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11959552.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-20
下一篇 2023-05-20

发表评论

登录后才能评论

评论列表(0条)

保存