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中点击切换按钮功能之点启用后按钮变为禁用_第1张图片

vue中点击切换按钮功能之点启用后按钮变为禁用_第2张图片

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

你可能感兴趣的