vue.js

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > javascript类库 > vue.js > vue checkbox回显效果

vue中实现checkbox回显效果

作者: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>

就很容易实现多选框回显了

总结

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

您可能感兴趣的文章:
阅读全文