vue.JS 中怎么设置按钮不可用?
vue.js 中怎么设置按钮不可用? 下面本篇文章给大家介绍一下. 有一定的参考价值, 有需要的朋友可以参考一下, 希望对大家有所帮助.
表单元素有一个 disable 属性, 用来控制该元素是否可用.
这个属性在 html 里只有 1 个值, 用法就是 点击
经实测, disable 接受任何属性值, 甚至只要你给标签添加了 disable 的属性, 这个表单元素就成为不可用状态.
换句话说, 如果你试图用下面的语句, 让按钮成为可用状态, 是不可行的.
点击 // 仍然是不可用状态
如果需要在 vue 项目中控制按钮的可用与否. 其实很简单
点击// 仍然是不可用状态
exportdefault{
data(){
return{
dis:false
}
}
}
虽然原生的 HTML 标签只要有 disable 属性, 不管它值是什么, 效果都是不可用. 但是在 vue 里就不是这样了. 通过属性绑定, 可以使用 bool 值来控制对应的表单元素是否可用.
前提是, 必须使用属性绑定机制 v-bind.
非常简单
更多 web 前端开发 https://www.html.cn/ 知识, 请查阅 HTML 中文网 !!
来源: http://www.css88.com/qa/vue-js/17205.html