element-ui的el-select组件如何设置默认选中项？
- 内容介绍
- 文章标签
- 相关推荐
本文共计180个文字，预计阅读时间需要1分钟。
直接绑定将option中的value值绑定给v-model，用于template、div、el-select组件。
v-model=queryel-option v-for=item in options :key=item.value :value=item.value :label=item.label/el-option/el-selectjavascriptexport default { data() { return { query: '' }; }};
直接绑定将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>
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持易盾网络。
本文共计180个文字，预计阅读时间需要1分钟。
直接绑定将option中的value值绑定给v-model，用于template、div、el-select组件。
v-model=queryel-option v-for=item in options :key=item.value :value=item.value :label=item.label/el-option/el-selectjavascriptexport default { data() { return { query: '' }; }};
直接绑定将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>
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持易盾网络。