el-select ——el-option中 value、 label的显示问题

最新推荐文章于 2024-09-26 14:18:48 发布

).(

最新推荐文章于 2024-09-26 14:18:48 发布

阅读量7.3k

点赞数 5

文章标签： vue.js

本文链接：https://blog.csdn.net/weixin_43493113/article/details/113120828

版权

el-select ——el-option中 value、 label的显示问题

  <	  el-select
	  v-model.trim="modifyLoopForm.lightingtype"
	  placeholder="亮灯类型"
	  value-key="id"
	  style="width: 100%"
	>
	  <el-option
	    v-for="item in lightingItem"
	    :key="item.id"
	    :label="item.light"
	    :value="item.id"
	  >
	  </el-option>
	</el-select>

“id一定要加引号”（important）

 lightingItem:[
        {
          id:'1',//这里的id一定要加引号
          light:"全夜灯"
        },
        {
          id:'2',
          light:"半夜灯"
        },
        {
          id:'3',
          light:"景观灯"
        }
      ],