亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

Vue.js v-bind 類在部署時條件始終為真

Vue.js v-bind 類在部署時條件始終為真

飲歌長嘯 2023-04-01 17:31:21
我有一個使用 Laravel 和 Vue.js 的簡單待辦事項列表應用程序。v-bind:class="[{'todo-list__item-checked': todo.complete}]"下面代碼中的條件類綁定在本地主機上對于開發模式和生產模式都可以正常工作。todo-list__item-checked一旦我將它部署到在線服務器,無論值是什么,類總是被設置todo.complete。我仔細檢查了該todo.complete值是否正確。它是 0 或 1。對于復選框輸入(始終選中)來說是一樣的。<ul class="todo-list text-left">    <li v-for="todo in nonNullTodos" v-bind:key="todo.id" :id="'todo_'+todo.id" class="edit-item-icon-parent">      <div class="list-item">        <label :for="todo.id" class="list-label" role="button"> <input type="checkbox" v-model="todo.complete" :id="todo.id" @click="toggleComplete(todo.id)"> <span class="todo-list__text" v-bind:class="[{'todo-list__item-checked': todo.complete}]" :id="'todo_name_'+todo.id">{{ todo.name }}</span></label>      </div>      <div class="list-action">        <i class="fa fa-pencil edit-item-icon" @click="editTodo(todo.id)"></i>        <delete-button :item-id="todo.id" :item-type="'todo'"></delete-button>      </div>    </li></ul>我似乎無法弄清楚這個問題。任何幫助表示贊賞。謝謝。
查看完整描述

1 回答

?
梵蒂岡之花

TA貢獻1900條經驗 獲得超5個贊

確保 的值為todo.compeletetypeof number。如果它是 '0',它將被轉換為true. 最好使用布爾類型truefalse.

并且使用數組來:class定義多個類是沒有問題的。(回復 Sélim Achour)


查看完整回答
反對 回復 2023-04-01
  • 1 回答
  • 0 關注
  • 126 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號