在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ vue判斷input沒值的時候讓button不能點(diǎn)擊，有值的時候能夠點(diǎn)擊

vue判斷input沒值的時候讓button不能點(diǎn)擊，有值的時候能夠點(diǎn)擊

vue判斷input沒值的時候讓button不能點(diǎn)擊，有值的時候能夠點(diǎn)擊并改變樣式圖片描述

回答
編輯回答
紓惘

緊抓數(shù)據(jù)驅(qū)動原理
用一個computed計算屬性判斷空值返回Boolean表示是否可以點(diǎn)擊

computed: {
    isLogin() {
        return !!this.user && !!this.password
    }
}
2017年9月6日 17:21
編輯回答
局外人
<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8" />
    <title>vue</title>
</head>

<body>
    <div id="app">
        <div>賬號 <input type="text" v-model="loginId" /></div>
        <div>密碼 <input type="password" v-model="password" /></div>
        <button :disabled="!loginId || !password">登錄</button>
    </div>

    <script src="https://cdn.bootcss.com/vue/2.4.4/vue.min.js"></script>
    <script>
        new Vue({
            el: '#app',
            data: {
                loginId: '',
                password: ''
            }
        })
    </script>
</body>

</html>

寫一個計算屬性也可以

2018年5月25日 15:30