vue表单绑定实现多选框和下拉列表的实例

vue表单绑定实现多选框和下拉列表的实例

在vue的实际开发过程中，我们如何将以选中的值直接渲染到页面中，这次主要说的是多选框和下拉列表的实现：

测试多选渲染：

:checked="loopsss.indexOf(item.id) > -1"/>{{item.name}}

下拉列表测试：

:shttp://elected="loopsss.indexOf(item.id) > -1">{{item.name}}

:shttp://elected="loopsss.indexOf(item.id) > -1">{{item.name}}

上述实现方式主要是借助indexOf方法去检xCrnVNZ索id在值在数组中是否可以找到，如果找到，则给checked和selected属性设置true值，这样对应的值就可以被选中。

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。