这篇文章主要介绍了vue中点击切换按钮功能之点启用后按钮变为禁用功能，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友参考下吧
实现方法分位三步：
- 在template中设置2个按钮，通过v-if ，v-show来控制；
- data中设置按钮的默认值；
- methods中控制点击按钮切换效果。
{{scope.row.姓名}} 查看 编辑 保存 启用 禁用
另外，注意下，data中，按钮的默认值要放在data下，图1。
不能放在table中，否则会按钮显示不出来，且会报错，图2：Property or method "btnStatus" is not defined on the instance but referenced during render.
这个报错原因是：在template里面或者在方法里面使用了 “btnStatus” ，但是在data里面没有定义。
以上就是vue中点击切换按钮功能之点启用后按钮变为禁用的详细内容，更多请关注0133技术站其它相关文章！
