elementUI中的select選擇器，通過el-option標簽來編輯子菜單的內(nèi)容。
如圖所示，el-option的 value 屬性值為選擇器v-model綁定值，label屬性值為下拉菜單中渲染的內(nèi)容。若按照官網(wǎng)所提供的案例，只能將某條數(shù)據(jù)作為渲染的內(nèi)容。如果想要自定義label內(nèi)容和樣式應如何處理呢？
如果只是簡單的拼接字符串，可以直接在:label中對顯示內(nèi)容進行編輯。如圖：
若想要進行復雜的內(nèi)容編輯，如三元表達式判斷，則無法在:label中操作，這時我們可以利用span標簽（類似插槽的方式）。
注意：此時并不意味著:label中的內(nèi)容失效，span標簽只用于操作下拉框的展示樣式，回顯內(nèi)容使用的依舊是option內(nèi)部的label。
下一篇： Less——嵌套與繼承
