表單元素有一個disable屬性,用來控制該元素是否可用。
1. 這個屬性在HTML里只有1個值,用法就是 <button disable="disable">點擊</button>
經實測,disable接受任何屬性值,甚至只要你給標簽添加了disable的屬性,這個表單元素就成為不可用狀態。
換句話說,如果你試圖用下面的語句,讓按鈕成為可用狀態,是不可行的。
<button disable="false">點擊</button> //仍然是不可用狀態
2. 如果需要在vue項目中控制按鈕的可用與否。其實很簡單
<template> <button v-bind:disable="dis">點擊</button> //仍然是不可用狀態 </template> <script> export default{ data(){ return { dis: false } } } </script>
雖然原生的HTML標簽只要有disable屬性,不管它值是什么,效果都是不可用。但是在vue里就不是這樣了。通過屬性綁定,可以使用bool值來控制對應的表單元素是否可用。
前提是,必須使用屬性綁定機制v-bind。
非常簡單