好资源导航 » 文章资讯 » vue表单绑定实现多选框和下拉列表的实例

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

2023-09-26 15:40:05 547

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

测试多选渲染：


{{item.name}}


下拉列表测试：



{{item.name}}

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

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。