vue点击按钮之后置成不可用_vue.JS 中怎么设置按钮不可用?

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