详解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 相关文章推荐
基于jQuery的判断iPad、iPhone、Android是横屏还是竖屏的代码
May 11 Javascript
IE浏览器IFrame对象内存不释放问题解决方法
Aug 22 Javascript
IE中鼠标经过option触发mouseout的解决方法
Jan 29 Javascript
jquery实现拖拽调整Div大小
Jan 30 Javascript
浏览器中url存储的JavaScript实现
Jul 07 Javascript
jQuery获取字符串中出现最多的数
Feb 22 Javascript
javascript获取wx.config内部字段解决微信分享
Mar 09 Javascript
分享JS代码实现鼠标放在输入框上输入框和图片同时更换样式
Sep 01 Javascript
KnockoutJS 3.X API 第四章之数据控制流component绑定
Oct 10 Javascript
vue router动态路由下让每个子路由都是独立组件的解决方案
Apr 24 Javascript
使用webpack3.0配置webpack-dev-server教程
May 29 Javascript
利用 Chrome Dev Tools 进行页面性能分析的步骤说明(前端性能优化)
Feb 24 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
风味层面去分析咖啡油脂
2021/03/03 咖啡文化
PHP代码判断设备是手机还是平板电脑(两种方法)
2015/10/19 PHP
纯PHP代码实现支付宝批量付款
2015/12/24 PHP
PHP基于GD2函数库实现验证码功能示例
2019/01/27 PHP
用JavaScript实现单继承和多继承的简单方法
2009/03/29 Javascript
javascript 进度条 实现代码
2009/07/30 Javascript
js截取小数点后几位的写法
2013/11/14 Javascript
为指定的元素添加遮罩层的示例代码
2014/01/15 Javascript
jquery实现图片随机排列的方法
2015/05/04 Javascript
AngularJS使用angular-formly进行表单验证
2015/12/27 Javascript
JavaScript性能优化总结之加载与执行
2016/08/11 Javascript
AngularJS表达式讲解及示例代码
2016/08/16 Javascript
浅谈DOM的操作以及性能优化问题-重绘重排
2017/01/08 Javascript
js中编码函数:escape,encodeURI与encodeURIComponent详解
2017/03/21 Javascript
详解基于vue-router的动态权限控制实现方案
2017/09/28 Javascript
详解vue中使用express+fetch获取本地json文件
2017/10/10 Javascript
vue实现数字滚动效果
2020/06/29 Javascript
原生JavaScript实现刮刮乐
2020/09/29 Javascript
Python多线程学习资料
2012/12/19 Python
python格式化字符串实例总结
2014/09/28 Python
CentOS中升级Python版本的方法详解
2017/07/10 Python
Python中实现switch功能实例解析
2018/01/11 Python
Python实现识别手写数字 Python图片读入与处理
2020/03/23 Python
Flask之flask-session的具体使用
2018/07/26 Python
Anaconda下配置python+opencv+contribx的实例讲解
2018/08/06 Python
基于Python中isfile函数和isdir函数使用详解
2019/11/29 Python
Python importlib动态导入模块实现代码
2020/04/16 Python
flask框架中的cookie和session使用
2021/01/31 Python
美国性感内衣店:Yandy
2018/06/12 全球购物
匡威俄罗斯官网:Converse俄罗斯
2020/05/09 全球购物
简述安装Slackware Linux系统的过程
2012/05/08 面试题
测绘工程专业个人自我评价
2013/12/01 职场文书
学术会议主持词
2014/03/17 职场文书
高考百日冲刺决心书
2015/09/23 职场文书
Nginx 反向代理解决跨域问题多种情况分析
2022/01/18 Servers
vue/cli 配置动态代理无需重启服务的方法
2022/05/20 Vue.js