vue中實現(xiàn)checkbox回顯效果
更新時間：2023年12月05日 17:06:19 作者：anshengsuiyeu
這篇文章主要介紹了vue中實現(xiàn)checkbox回顯效果,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
vue實現(xiàn)checkbox回顯效果
當我選中多選框，點擊確定后，再打開彈框，如何讓之前選中的值回顯到頁面上。
給遍歷的元素 雙向綁定
v-model="businessregion.checked"
<template v-if="businessregionList.length > 0">
<template v-for="businessregion in businessregionList">
<dd>
<input type="checkbox" name="businessregion" class="businessregion" :data-id="businessregion.businessregionCode" v-model="businessregion.checked"/>
<label for="city4">{{businessregion.businessregionName}}</label>
</dd>
</template>
</template>就很容易實現(xiàn)多選框回顯了
總結
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
<script setup>是在單文件組件中使用Composition API的編譯時語法糖,下面這篇文章主要給大家介紹了關于vue3:setup語法糖使用的相關資料,需要的朋友可以參考下2022-08-08
element-ui el-select下拉框el-date-picker彈出框定位問題解決方案(推薦)
項目開發(fā)過程中發(fā)現(xiàn)el-select和el-date-picker彈出框顯示時候,滾動屏幕,導致彈出框定位出現(xiàn)問題,這篇文章主要介紹了element-ui el-select下拉框el-date-picker彈出框定位問題解決方案(推薦),需要的朋友可以參考下2024-07-07
vue項目中v-model父子組件通信的實現(xiàn)詳解
vue.js，是一個構建數(shù)據(jù)驅(qū)動的 web 界面的庫。Vue.js 的目標是通過盡可能簡單的 API 實現(xiàn)響應的數(shù)據(jù)綁定和組合的視圖組件。下面這篇文章主要給大家介紹了關于vue項目中v-model父子組件通信實現(xiàn)的相關資料，需要的朋友可以參考下。2017-12-12
這篇文章主要介紹了Vue-cli3簡單使用(圖文步驟)，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-04-04
Elementui如何限制el-input框輸入小數(shù)點
這篇文章主要介紹了Elementui如何限制el-input框輸入小數(shù)點，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-08-08
這篇文章主要介紹了uni-app 的模板語法，本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2021-10-10
這篇文章主要介紹了vue數(shù)據(jù)更新UI不刷新顯示的解決辦法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-08-08
這篇文章主要為大家詳細介紹了vue中兩種路由模式的實現(xiàn)，文中的示例代碼講解詳細，具有一定的學習價值，感興趣的小伙伴可以了解一下2023-08-08
在現(xiàn)代 Web 開發(fā)中,字體文件通常是頁面加載時間的重要因素之一,特別是在字體文件較大或網(wǎng)絡環(huán)境不佳的情況下,用戶體驗可能會受到影響,本文將詳細探討如何在 Vue.js 項目中優(yōu)化字體文件的加載和緩存,以提高頁面性能,需要的朋友可以參考下2024-09-09
vue項目使用modbus實現(xiàn)串口通訊的示例代碼
本文主要介紹了vue項目使用modbus實現(xiàn)串口通訊的示例代碼,可以實現(xiàn)與Modbus設備的數(shù)據(jù)交互,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2025-02-02