Vue設置button的disable屬性


  表單元素有一個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。

  非常簡單


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM