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页面锁屏的完美解决方法记录
锁屏是指用户暂时离开时点击锁屏,用户无法跳转到其他页面,回来输入密码点击解锁,下面这篇文章主要给大家介绍了关于vue页面锁屏的完美解决方法,需要的朋友可以参考下
2022-06-06
Vue.js 的计算属性和侦听器详解(提升数据处理与交互的关键工具)
在Vue.js开发中,计算属性与侦听器是极为关键的特性,它们极大地提升了数据处理与交互逻辑实现的便捷性和高效性,本文给大家介绍Vue.js 的计算属性和侦听器：提升数据处理与交互的关键工具,感兴趣的朋友一起看看吧
2025-04-04
Vue利用localStorage本地缓存使页面刷新验证码不清零功能的实现
这篇文章主要介绍了Vue利用localStorage本地缓存使页面刷新验证码不清零功能的实现，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
2020-09-09
vue中el-checkbox、el-switch绑定值问题详解
这篇文章主要给大家介绍了关于vue中el-checkbox、el-switch绑定值问题的相关资料,文中通过代码介绍的非常详细,对大家学习或者使用vue具有一定的参考借鉴价值,需要的朋友可以参考下
2024-01-01
Vue.js中使用components组件的实例讲解
这篇文章主要介绍了Vue.js中使用components组件的实例讲解，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
2023-07-07
更新Vue项目package.json文件方式
文章讨论了由于历史原因,一些已弃用的依赖没有在package.json中移除,导致构建时间过长的问题,解决方法是使用社区工具自动生成使用`nodegenerate-package.js`脚本,根据已安装的依赖进行重建运行
2025-10-10
Monaco-editor 的 JSON Schema 配置及使用介绍
这篇文章主要为大家介绍了Monaco-editor 的 JSON Schema 配置及使用介绍，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2022-10-10
vue 实现把路由单独分离出来
这篇文章主要介绍了vue 实现把路由单独分离出来，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2020-08-08
Vue3动态路由KeepAlive设计方案(附详细代码)
keep-alive是Vue内置的一个组件,可以使被包含的组件保留状态,或避免重新渲染,这篇文章主要介绍了Vue3动态路由KeepAlive设计方案的相关资料,文中通过代码介绍的非常详细,需要的朋友可以参考下
2026-03-03
Vue+Element-UI实现上传图片并压缩
这篇文章主要为大家详细介绍了Vue+Element-UI实现上传图片并压缩功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2019-11-11