第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

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

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

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

飲歌長嘯 2023-04-01 17:31:21
我有一個使用 Laravel 和 Vue.js 的簡單待辦事項列表應(yīng)用程序。v-bind:class="[{'todo-list__item-checked': todo.complete}]"下面代碼中的條件類綁定在本地主機上對于開發(fā)模式和生產(chǎn)模式都可以正常工作。todo-list__item-checked一旦我將它部署到在線服務(wù)器,無論值是什么,類總是被設(shè)置todo.complete。我仔細檢查了該todo.complete值是否正確。它是 0 或 1。對于復(fù)選框輸入(始終選中)來說是一樣的。<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條經(jīng)驗 獲得超5個贊

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

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


查看完整回答
反對 回復(fù) 2023-04-01
  • 1 回答
  • 0 關(guān)注
  • 132 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號