vue中实现checkbox回显效果
更新时间：2023年12月05日 17:06:19 作者：anshengsuiyeu
这篇文章主要介绍了vue中实现checkbox回显效果,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
vue实现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>就很容易实现多选框回显了
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了Vue中封装input组件的实例详解的相关资料,希望通过本文能帮助到大家，需要的朋友可以参考下2017-10-10
这篇文章主要介绍了vue-cli3 karma单元测试的实现，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2019-01-01
这篇文章主要介绍了vue 重塑数组之修改数组指定index的值操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-08-08
本篇文章主要介绍了自定义vue全局组件use使用、vuex的使用详解，本文主要来讲解一下怎么样定义一个全局组件,并解释vue.use()的原理2017-06-06
基于Vue、Vuex、Vue-router实现的购物商城(原生切换动画)效果
这篇文章主要介绍了基于Vue、Vuex、Vue-router实现的购物商城(原生切换动画)效果,需要的朋友可以参考下2018-01-01
这篇文章主要介绍了Vue使用json-server进行后端数据模拟功能,非常不错，具有参考借鉴价值,需要的朋友可以参考下2018-04-04
这篇文章主要介绍了基于vue+echarts数据可视化大屏展示的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-12-12
这篇文章主要介绍了vue-better-scroll 的使用实例代码详解，代码简单易懂，非常不错，具有一定的参考借鉴价值，需要的朋友可以参考下2018-12-12
这篇文章主要介绍了基于Vue实现微前端的示例代码，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-04-04
webpack4+express+mongodb+vue实现增删改查的示例
这篇文章主要介绍了webpack4+express+mongodb+vue 实现增删改查的示例，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-11-11
最新评论