vue中点击切换按钮功能之点启用后按钮变为禁用

实现方法分位三步:

  1. 在template中设置2个按钮,通过v-if ,v-show来控制;
  2. data中设置按钮的默认值;
  3. methods中控制点击按钮切换效果。

另外,注意下,data中,按钮的默认值要放在data下,图1。
不能放在table中,否则会按钮显示不出来,且会报错,图2:Property or method "btnStatus" is not defined on the instance but referenced during render.
这个报错原因是:在template里面或者在方法里面使用了 “btnStatus” ,但是在data里面没有定义。
vue中点击切换按钮功能之点启用后按钮变为禁用
文章图片

vue中点击切换按钮功能之点启用后按钮变为禁用
文章图片

【vue中点击切换按钮功能之点启用后按钮变为禁用】到此这篇关于vue中点击切换按钮功能之点启用后按钮变为禁用的文章就介绍到这了,更多相关vue点击切换按钮内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

    推荐阅读