详解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 倒计时源代码.(时.分.秒) 详细注释版
May 09 Javascript
如何使用JS获取IE上传文件路径(IE7,8)
Jul 08 Javascript
JS正则表达式验证数字代码
Jan 28 Javascript
基于javascript实现动态显示当前系统时间
Jan 28 Javascript
jQuery获取父元素节点、子元素节点及兄弟元素节点的方法
Apr 14 Javascript
前端JS面试中常见的算法问题总结
Dec 23 Javascript
Angular JS 生成动态二维码的方法
Feb 23 Javascript
使用jQuery.Pin垂直滚动时固定导航
May 24 jQuery
vue.js实现条件渲染的实例代码
Jun 22 Javascript
浅谈vue引入css,less遇到的坑和解决方法
Jan 20 Javascript
Vue.js获取手机系统型号、版本、浏览器类型的示例代码
May 10 Javascript
Vue Mint UI mt-swipe的使用方式
Jun 05 Vue.js
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
smarty中post用法实例
2014/11/28 PHP
PHP在弹框中获取foreach中遍历的id值并传递给地址栏
2017/06/13 PHP
StringTemplate遇见jQuery冲突的解决方法
2011/09/22 Javascript
jQuery EasyUI API 中文文档 - Form表单
2011/10/06 Javascript
JavaScript中变量提升 Hoisting
2012/07/03 Javascript
基于datagrid框架的查询
2013/04/08 Javascript
处理文本部分内容的TextRange对象应用实例
2014/07/29 Javascript
jquery获取当前日期的方法
2015/01/14 Javascript
jquery中trigger()无法触发hover事件的解决方法
2015/05/07 Javascript
jQuery根据元素值删除数组元素的方法
2015/06/24 Javascript
如何用javascript计算文本框还能输入多少个字符
2015/07/29 Javascript
jQuery基于ajax()使用serialize()提交form数据的方法
2015/12/08 Javascript
JavaScript实现iframe自动高度调整和不同主域名跨域
2016/02/27 Javascript
Bootstrap中的表单验证插件bootstrapValidator使用方法整理(推荐)
2016/06/21 Javascript
Vue.js教程之计算属性
2016/11/11 Javascript
详解微信小程序 wx.uploadFile 的编码坑
2017/01/23 Javascript
vue 使用ref 让父组件调用子组件的方法
2018/02/08 Javascript
解决easyui日期时间框ie的兼容的问题
2018/03/01 Javascript
js代码规范之Eslint安装与配置详解
2018/09/08 Javascript
vue微信分享出来的链接点开是首页问题的解决方法
2018/11/28 Javascript
微信小程序返回上一页传参并刷新过程解析
2019/12/13 Javascript
vue-列表下详情的展开与折叠案例
2020/07/28 Javascript
解决基于 keep-alive 的后台多级路由缓存问题
2020/12/23 Javascript
Python中使用PIPE操作Linux管道
2015/02/04 Python
Python中不同进制的语法及转换方法分析
2016/07/27 Python
Python模拟用户登录验证
2017/09/11 Python
python调用函数、类和文件操作简单实例总结
2019/11/29 Python
tensorflow2.0保存和恢复模型3种方法
2020/02/03 Python
Python中求对数方法总结
2020/03/10 Python
Python基于xlrd模块处理合并单元格
2020/07/28 Python
DNA基因检测和分析:23andMe
2019/05/01 全球购物
素食餐饮项目创业计划书
2014/02/02 职场文书
敬老模范事迹
2014/05/21 职场文书
先进事迹材料范文
2014/12/29 职场文书
MySQL锁机制
2021/04/05 MySQL
使用GO语言实现Mysql数据库CURD的简单示例
2021/08/07 Golang