详解element-ui中el-select的默认选择项问题


Posted in Javascript onAugust 02, 2019

直接绑定将option中的value值绑定给v-model

<template>
 <div>
  <el-select v-model="query">
   <el-option v-for="item in options" :key="item.value" :value="item.value" :label="item.label"></el-option>
  </el-select>
 </div>
</template>
<script>
export default{
 data() {
  return {
   options: [{
    value: '01',
    label: '我的'
   }, {
    value: '02',
    label: '你的'
   }, {
    value: '03',
    label: '他的'
   }],
   query: '02'
  }
 }
}
</script>
<style></style>

详解element-ui中el-select的默认选择项问题

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
关于javascript 回调函数中变量作用域的讨论
Sep 11 Javascript
浅析javascript闭包 实例分析
Dec 25 Javascript
jQuery获取页面元素绝对与相对位置的方法
Jun 10 Javascript
node.js读取文件到字符串的方法
Jun 29 Javascript
基于JavaScript代码实现pc与手机之间的跳转
Dec 23 Javascript
利用JS生成博文目录及CSS定制博客
Feb 10 Javascript
JavaScript中的继承之类继承
May 01 Javascript
详解Angular的双向数据绑定(MV-VM)
Dec 26 Javascript
web打印小结
Jan 11 Javascript
浅谈express.js框架中间件(middleware)
Apr 07 Javascript
基于js实现的图片拖拽排序源码实例
Nov 04 Javascript
html实现随机点名器的示例代码
Apr 02 Javascript
jQuery实现checkbox全选、反选及删除等操作的方法详解
Aug 02 #jQuery
150行Node.js实现的dns代理工具
Aug 02 #Javascript
el-select 下拉框多选实现全选的实现
Aug 02 #Javascript
js动态获取时间的方法分析
Aug 02 #Javascript
微信小程序实现语音识别转文字功能及遇到的坑
Aug 02 #Javascript
jQuery pager.js 插件动态分页功能实例分析
Aug 02 #jQuery
vue单页应用的内存泄露定位和修复问题小结
Aug 02 #Javascript
You might like
PHP实现采集中国天气网未来7天天气
2014/10/15 PHP
php gethostbyname获取域名ip地址函数详解
2010/01/24 Javascript
node.js中的Socket.IO使用实例
2014/11/04 Javascript
JS修改iframe页面背景颜色的方法
2015/04/01 Javascript
浅谈JavaScript中的作用域和闭包问题
2015/07/07 Javascript
详解Node.js包的工程目录与NPM包管理器的使用
2016/02/16 Javascript
jQuery Easyui datagrid行内实现【添加】、【编辑】、【上移】、【下移】
2016/12/19 Javascript
JavaScript实现向select下拉框中添加和删除元素的方法
2017/03/07 Javascript
zTree实现节点修改的实时刷新功能
2017/03/20 Javascript
AngularJS基于provider实现全局变量的读取和赋值方法
2017/06/28 Javascript
jQuery使用zTree插件实现可拖拽的树示例
2017/09/23 jQuery
vue新vue-cli3环境配置和模拟json数据的实例
2018/09/19 Javascript
Vuex的基本概念、项目搭建以及入坑点
2018/11/04 Javascript
Vue常用的全选/反选的示例代码
2020/02/19 Javascript
微信小程序实现滑动操作代码
2020/04/23 Javascript
微信小程序实现上传照片代码实例解析
2020/08/04 Javascript
ES2020让代码更优美的运算符 (?.) (??)
2021/01/04 Javascript
Python实现抓取网页并且解析的实例
2014/09/20 Python
Python实现SVN的目录周期性备份实例
2015/07/17 Python
Python数组遍历的简单实现方法小结
2016/04/27 Python
python的random模块及加权随机算法的python实现方法
2017/01/04 Python
python判断列表的连续数字范围并分块的方法
2018/11/16 Python
python 中Arduino串口传输数据到电脑并保存至excel表格
2019/10/14 Python
Python搭建HTTP服务过程图解
2019/12/14 Python
matplotlib图例legend语法及设置的方法
2020/07/28 Python
Spartoo芬兰:欧洲最大的网上鞋店
2016/08/28 全球购物
蔻驰意大利官网:COACH意大利
2019/01/16 全球购物
化学实验员岗位职责
2013/12/28 职场文书
校园之星获奖感言
2014/01/29 职场文书
教师试用期自我鉴定
2014/02/12 职场文书
六年级学生评语
2014/04/22 职场文书
机械设计及其自动化专业求职信
2014/06/09 职场文书
2014感恩节演讲稿大全
2014/10/11 职场文书
年会主持人开场白台词
2015/05/29 职场文书
导游词之天津盘山
2019/11/01 职场文书
详解Js模块化的作用原理和方案
2021/04/29 Javascript