vue开发中,如何设置el-select默认值,下面编程教程网小编给大家简单介绍一下!
具体代码如下:
<template>
<el-select v-model="selectedValue" placeholder="请选择">
<el-option v-for="option in options" :key="option.value" :label="option.label" :value="option.value"></el-option>
</el-select>
</template>
<script>
export default {
data() {
return {
options: [
{ value: 'option1', label: '选项1' },
{ value: 'option2', label: '选项2' },
{ value: 'option3', label: '选项3' }
],
selectedValue: 'option3'
}
}
}
</script>
以上是编程学习网小编为您介绍的“vue语法如何设置el-select默认值”的全面内容,想了解更多关于 vuejs 内容,请继续关注编程基础学习网。
沃梦达教程
本文标题为:vue语法如何设置el-select默认值
基础教程推荐
猜你喜欢
- 基于Spring Boot利用 ajax实现上传图片功能 2023-02-23
- jquery animate实现鼠标放上去显示离开隐藏效果 2024-03-13
- AngularJS通过ng-route实现基本的路由功能实例详解 2024-04-15
- React+高德地图实时获取经纬度,定位地址 2024-01-22
- dede softlinks php循环匹配问题 2024-12-09
- 简单介绍关于Go语言的几个知识点 2024-12-13
- CSS中的垂直和水平居中完全指南 2024-04-26
- JavaScript不刷新实现浏览器的前进后退功能 2024-01-03
- sublime / vscode 快捷生成HTML代码的实现 2022-09-20
- php-使用ajax从html表单更新数据库 2023-10-27