当前位置:首页 > 前端技术 > Vue的下拉选择框设置默认值

Vue的下拉选择框设置默认值

2022年09月17日 19:31:44前端技术6

Vue的下拉选择框设置默认值


解决方案:

vue select下拉框绑定默认值
vue select下拉框绑定默认值:

首先option要加value值,以便v-model可以获取到对应选择的值

一、当没有绑定v-model,直接给对应的option加selected属性

二、当给select绑定了v-model的值的时候,要给v-model绑定的data值里写默认值
Vue的下拉选择框设置默认值 _ JavaClub全栈架构师技术笔记

作者:鸢离
来源链接:https://blog.csdn.net/qq_44259670/article/details/115855343

版权声明:
1、JavaClub(https://www.javaclub.cn)以学习交流为目的,由作者投稿、网友推荐和小编整理收藏优秀的IT技术及相关内容,包括但不限于文字、图片、音频、视频、软件、程序等,其均来自互联网,本站不享有版权,版权归原作者所有。

2、本站提供的内容仅用于个人学习、研究或欣赏,以及其他非商业性或非盈利性用途,但同时应遵守著作权法及其他相关法律的规定,不得侵犯相关权利人及本网站的合法权利。
3、本网站内容原作者如不愿意在本网站刊登内容,请及时通知本站(javaclubcn@163.com),我们将第一时间核实后及时予以删除。


本文链接:https://www.javaclub.cn/front/42870.html

标签: vue
分享给朋友:

“Vue的下拉选择框设置默认值” 的相关文章

从壹开始前后端分离【 .NET Core2.2/3.0 +Vue2.0 】框架之五 || Swagger的使用 3.3 JWT权限验证【必看】

从壹开始前后端分离【 .NET Core2.2/3.0 +Vue2.0 】框架之五 || Swagger的使用 3.3 JWT权限验证【必看】

本文3.0版本文章 https://mp.weixin.qq.com/s/7135y3MkUlPIp-flfwscig   下边的是我关于JWT的视频讲解,都可以看看 1、P2直播12期:授权与认证(1)_简单授权 2、P3直播13期:授权与认...

SpringBoot集成vue的开发解决方案

SpringBoot集成vue的开发解决方案

最近由于工作要求:前端采用vue开发,后端采用springboot开发,前后端分离开发,最后前端页面又整合到后端来。经历多次采坑,总结以下方案: vue build后的文件部署到springboot目录 vue打包后,会生成dist目录...

pycharm使用vue

pycharm使用vue

目录 pycharm配置并启动vue项目 Pycharm配置支持vue语法 pycharm打开.vue文件由于ESLint语法检查代码出现红色波浪线 方法1...

vscode 如何格式化vue(template)html代码 , 保持标签属性不换行

vscode 如何格式化vue(template)html代码 , 保持标签属性不换行

打开vscode的 》文件 》 首选项 》设置 找到vetur 这个选项里面的 vetur.format.defaultFormatter.html 这个选项 将其设置为 js-beautify-html 前提是你必须安装了这两个插件 然后...

前端每日一撸|vue回退(router.back)如何不刷新页面?

解决方案: 使用Navigation 组件解决 安装Navigation npm install vue-navigation 使用方法 在main.js中引用并进行初始化 import...

【Vue】详解Vue组件系统

【Vue】详解Vue组件系统

本文提纲:1.Vue渲染的两大基础方式 2.组件的局部注册和全局注册 3. Vue中的props数据流 4.Vue的自定义事件 5. Slot的使用   Vue渲染的两大基础方式 new 一个Vue的实例 这个我们一般会使用在挂载根...

dotnetcore+vue+elementUI 前后端分离---支持前端、后台业务代码扩展的快速开发框架

dotnetcore+vue+elementUI 前后端分离---支持前端、后台业务代码扩展的快速开发框架

Document 框架采用dotnetcore+vue+elementUI 前后端分离,并且支持前端、后台代码业务动态扩展,框架内置了一套有着20多种属性配置的代码生成器,可灵活配置生成的代码,代码生成器界面配置完成即可生成单表/主从表的增、删、改、查、导入、导出、上传、审核基础...

脚手架vue-cli和@vue/cli的搭建及区别

脚手架vue-cli和@vue/cli的搭建及区别

vue-cli与@vue/cli vue脚手架版本目前有2,3,4.不管搭建哪个版本的脚手架,首先都需要安装node. node的安装 node的安装我们可以直接去node官网(http://nodejs.cn/)下载安装,node安装...

vue.js快速搭建图书管理平台

vue.js快速搭建图书管理平台

上一期简单讲解了vue的基本语法,这一次我们做一个小项目,搭建一个简单的图书管理平台,能够让我们更深刻的理解这门语言的妙用。   前  言 上一期简单讲解了vue的基本语法,这一次我们做一个小项目,搭建一个简单的图书管理平台,能够...

vue项目可视化管理之(vue ui)

vue项目可视化管理之(vue ui)

@vue/cli3.0增加一个可视化项目管理工具,全局安装完成cli3.0之后,可以直接在cmd输入命令:vue ui  启动即可,地址默认是localhost:8000 可以通过那牛导入你的vue项目进行管理,也可以通过创建按钮进行可视化创建一个新的vue项目。...

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。