當運動/團隊/學校：文本框中沒有寫入任何內容時，我想禁用比賽級別：文本框。我怎樣才能做到這一點？ <div class="field"> <label class="label">Sport / team / school:</label> <div class="control"> <input v-model="form.sportTeamSchool" class="input" type="text" placeholder="Text"> </div> </div> <div class="field"> <label class="label">Level of play:</label> <div class="control"> <input v-model="form.levelOfPlay" class="input" type="text" placeholder="Text"> </div> </div> 我嘗試過使用<input v-model="form.levelOfPlay" :disabled="sportTeamSchool == ''" class="input" type="text" placeholder="Text">有條件地禁用它但無濟于事，這似乎是我在網上可以找到的唯一選擇。我的代碼是否有問題不允許這種情況發生？
2 回答
侃侃爾雅
TA貢獻1801條經驗 獲得超16個贊
試試這個：
<input v-model="form.levelOfPlay" :disabled="!sportTeamSchool.length" class="input" type="text" placeholder="Text">
計算屬性也可以工作。但在這種情況下，這是不必要的，只是需要更多的代碼。
慕姐4208626
TA貢獻1852條經驗 獲得超7個贊
只需添加感嘆號即可。我認為這會很好用。
new Vue({
el: "#app",
data: {
form: {
sportTeamSchool:"",
levelOfPlay:""
}
},
methods: {
}
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<div id="app">
<div class="field">
<label class="label">Sport / team / school:</label>
<div class="control">
<input v-model="form.sportTeamSchool" class="input" type="text" placeholder="Text">
</div>
</div>
<div class="field">
<label class="label">Level of play:</label>
<div class="control">
<input
v-model="form.levelOfPlay"
class="input"
type="text"
placeholder="Text"
:disabled="!form.sportTeamSchool"
>
</div>
</div>
</div>
- 2 回答
- 0 關注
- 225 瀏覽
添加回答
舉報
0/150
提交
取消