element-ui中el-select组件如何设置默认选中项？
- 内容介绍
- 文章标签
- 相关推荐
本文共计189个文字，预计阅读时间需要1分钟。
直接绑定将`option`中的`value`值绑定给`v-model`，并在`template`、`div`、`el-select`中使用`v-model=query`，`el-option`的`v-for`循环遍历`options`数组，设置`key`、`value`和`label`：
直接绑定将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>
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持易盾网络。
本文共计189个文字，预计阅读时间需要1分钟。
直接绑定将`option`中的`value`值绑定给`v-model`，并在`template`、`div`、`el-select`中使用`v-model=query`，`el-option`的`v-for`循环遍历`options`数组，设置`key`、`value`和`label`：
直接绑定将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>
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持易盾网络。