我是靠谱客的博主 神勇小白菜,最近开发中收集的这篇文章主要介绍vue在不引用jq且不适用element的情况下实现table点击一行的按钮修改数据,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

在上述两种前提下,实际上有两个不好做的地方,一是获取元素,二是修改表现值。

(不能使用jq对按钮施加点击事件,因为表格的生成是依靠vue的,所以jq用class名称检索按钮是检索不到的,需要在vue对象内为按钮添加@click的方法)

一、获取对象

使用原生DOM参数event,调用它的方法,有获取父元素、子元素、前一个兄弟 元素、后一个兄弟元素的方法。调用innerHTML获取html值。

二、修改数据

由于这样的点击事件写在了vue内部,那么可以通过修改data的返回数据来实现修改表格数据。至于如果出现了数组,那就直接用中括号引用。

最后

以上就是神勇小白菜为你收集整理的vue在不引用jq且不适用element的情况下实现table点击一行的按钮修改数据的全部内容,希望文章能够帮你解决vue在不引用jq且不适用element的情况下实现table点击一行的按钮修改数据所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(49)

评论列表共有 0 条评论

立即
投稿
返回
顶部