当前位置:首页>开发>正文

vue中的select怎么通过循环赋值

2023-04-29 13:17:43 互联网 未知 开发

vue中的select怎么通过循环赋值?

vue中的select怎么通过循环赋值

答案是使用v-for语句进行循环赋值。

因为v-for 指令需要以 site in sites 形式的特殊语法, sites 是源数据数组并且 site 是数组元素迭代的别名。

v-for 可以绑定数据到数组来渲染一个列表,这个列表里面的数据类型可以是任意类型的,可以是基本数据类型也可以是引用数据类型,但建议最好还是同一个数据类型为主。

在vue项目中使用elementui为例,el-select组件里用v-model绑定下拉控件的值,下拉值选择通过v-for遍历数组,的每个对象,里面有key,label,value三个属性的赋值。而这个数据的来源需要data函数中定义好,或者从后台的接口那边拿到数据,就可以了