在我的 vue 應用程式中,我有以下代碼:
<div v-if="partner == true && kids == false" class="row">
<input type="text" id="testInput">
</div>
現在,當我想嘗試此代碼片段時,它不會呈現輸入。我很確定它應該是因為此時變數具有正確的值。
我也試過這個,但這也不起作用:
<div v-if="partner && !kids" class="row">
<input type="text" id="testInput">
<div>
條件是錯誤的還是這段代碼有什么問題?
uj5u.com熱心網友回復:
你的代碼很好:
new Vue({
el: "#demo",
data() {
return {
partner: true,
kids: false
}
}
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<div id="demo">
<div v-if="partner && !kids" class="row">
<input type="text" id="testInput">
</div>
</div>
轉載請註明出處,本文鏈接:https://www.uj5u.com/ruanti/496434.html
標籤:javascript html Vue.js
上一篇:如何在不更改javascript中的全域變數的情況下更改區域變數?
下一篇:反應表單受控組件
