Vue element下拉框加一個自定義的選項
<el-select v-model="value" clearable placeholder="請選擇">
<el-option
v-for="item in options"
:key="item.value"
:label="item.name"
:value="item.value">
</el-option>
</el-select>
data() {
return {
options: [{
value: '1',
name: '週一'
}, {
value: '2',
name: '週二'
}, {
value: '3',
name: '週三'
}],
value: ''
}
},
mounted(){
this.options.unshift({value: "all", name: "全部日期"})
}
效果:
相關文章
- jQuery自定義多選下拉框jQuery
- element ui 自定義的快捷選項的日期選擇器並格式化UI
- Vue + Element 自定義上傳封面元件Vue元件
- vue基於Element構建自定義樹Vue
- Vue富文字帶圖片修改圖片大小自定義選擇項自定義字型Vue自定義字型
- 【vue】自定義一個websocket工具函式VueWeb函式
- 自定義 Windows 右鍵選單項Windows
- Vue.js自定義指令的用法與例項Vue.js
- xmake高階特性之自定義選項
- Pandas高階教程之:自定義選項
- NSToolbar 只保留自定義工具欄選項
- 自定義View加減View
- 自定義一個仿拼多多地址選擇器
- vue: 從一個下拉框元件理解vue中的父子通訊Vue元件
- 面向Vue新人:使用Vue自定義指令來完善一個Select元件Vue元件
- 一個可以自定義的ToastAST
- Js/JQuery下拉框新增新選項JSjQuery
- extjs 下拉框增加空選項JS
- oracleasm各個選項含義OracleASM
- vue 自定義指令Vue
- Vue自定義指令Vue
- vue使用iview實現單選,禁選,下拉框的效果VueView
- 10個有用的自定義鉤子vue.jsVue.js
- 分享8個非常實用的Vue自定義指令Vue
- 我的第一個npm包:wechat-menu-editor 基於Vue的微信自定義選單編輯器NPMVue
- 一個簡單的自定義Collection
- 自定義一個kaniko映象
- 一個自定義函式函式
- 力軟下拉框預設選擇第一個
- Vue 中「自定義指令」的魅力Vue
- 【譯】vue 自定義指令的魅力Vue
- Vue中自定義指令Vue
- vue自定義鍵盤Vue
- vue如何自定義指令?Vue
- 使用 vue3 的自定義指令給 element-plus 的 el-dialog 增加拖拽功能Vue
- css自定義單選按鈕的樣式程式碼例項CSS
- 自定義右鍵導航選單程式碼例項
- vue自定義全域性元件(或自定義外掛)Vue元件