技術標籤：vue.js

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:"景觀燈"
        }
      ],