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: "全部日期"})
}
效果:
相關文章
- element ui 自定義的快捷選項的日期選擇器並格式化UI
- Vue + Element 自定義上傳封面元件Vue元件
- Vue富文字帶圖片修改圖片大小自定義選擇項自定義字型Vue自定義字型
- 【vue】自定義一個websocket工具函式VueWeb函式
- 自定義 Windows 右鍵選單項Windows
- Vue.js自定義指令的用法與例項Vue.js
- NSToolbar 只保留自定義工具欄選項
- xmake高階特性之自定義選項
- Pandas高階教程之:自定義選項
- 自定義一個仿拼多多地址選擇器
- 面向Vue新人:使用Vue自定義指令來完善一個Select元件Vue元件
- vue: 從一個下拉框元件理解vue中的父子通訊Vue元件
- Js/JQuery下拉框新增新選項JSjQuery
- vue2 - element彈框自定義指令 實現拖動、縮放Vue
- 10個有用的自定義鉤子vue.jsVue.js
- 分享8個非常實用的Vue自定義指令Vue
- vue 自定義指令Vue
- vue使用iview實現單選,禁選,下拉框的效果VueView
- 自定義一個kaniko映象
- 自定義監控項
- 使用 vue3 的自定義指令給 element-plus 的 el-dialog 增加拖拽功能Vue
- 我的第一個npm包:wechat-menu-editor 基於Vue的微信自定義選單編輯器NPMVue
- 【Flutter 專題】104 圖解自定義 ACEDropdownButton 下拉框Flutter圖解
- Yii1自定義 CGridView 中的操作按鈕中 CButtonColumn 選項View
- Vue 中「自定義指令」的魅力Vue
- 力軟下拉框預設選擇第一個
- jQuery 動態載入下拉框選項(Django)jQueryDjango
- vue自定義鍵盤Vue
- vue 自定義元件tabbarVue元件tabBar
- Vue中自定義指令Vue
- vue如何自定義指令?Vue
- 手寫一個自定義PromisePromise
- 自定義一個事件聚合器事件
- 總結一下公共欄位(aop加自定義註解加反射)反射
- vue自定義全域性元件(或自定義外掛)Vue元件
- 一個vue加egg.js的部落格VueJS
- tcpdump 命令的個常用選項:一TCP
- flutter 用 CustomPaint 畫一個自定義的 CircleProgressBar (一)FlutterAI