@mishu

vue中,静态书写select标签的option选项时如何设置默认选中项

在vue框架下，给select标签使用v-model绑定数据时，我们的selected=’‘selected’'设置的默认选中项失效了，那么在vue框架下如何给我们的select标签设置默认的选项呢

简单实现方式如下，在我们的data中给传递的数据selected设置一个值（一般我们会默认为空）,例如我们要让小刘为默认选中，则使seleted:"liu"就可以了，哈哈，是不是很简单。

<template><select id ="app" v-model="selected"><option value="m">小明</option><option value="zh" >小张</option><option value="liu">小刘</option><option value="w">小王</option></select></template><script>export default {name: 'myForm',data:function(){return {selected  :"liu"             }</script><style></style>

vue中,静态书写select的option选项时如何设置默认选中项相关推荐

VUE ELEMENT UI 清空select 下拉选项
VUE ELEMENT UI 清空select 下拉选项 1.select代码 <el-form ref="searchForm" :inline="true&qu ...
vue中静态文件引用注意事项
(一)assets文件夹与static文件夹的区别区别一:assets文件是src下的,所以最后运行时需要进行打包,而static文件不需要打包就直接放在最终的文件中了区别二:assets中的文件 ...
在vue中鼠标移入切换背景图片移出时再次切换图片
在Vue中,当鼠标移入元素时,可以通过绑定@mouseover事件来触发相应的方法,该方法可以通过修改数据来改变元素的背景图片.同样地,当鼠标移出元素时,可以绑定@mouseout事件触发另一个方法, ...
vue中关闭浏览器清除localStorage,并且刷新时保持状态不受影响
在App.vue中 mounted() {window.onload = function () {console.log(window.sessionStorage["ISlogin&qu ...
word2016中应用or关闭中文字体到西文字体/设置默认字体
word2016中设置默认字体在使用word2016时发现,字体的西文字体部分变成了和中文字体一样的字体,但一般会设置字体默认值中文字体为宋体,西文字体为Times New Roman,默认字体的设 ...
boost中静态库编译没有-fPIC选项的问题解决方案
使用libboostpython.so动态链接是没有问题的,但是使用libboostpython.a静态链接,会产生如下错误(图片是线程,道理是一样的): 原因在于boost的编译工具bjam在编译b ...
vue 项目引用static目录资源_详解vue中静态资源的路径问题(深度好文)
前言: webpack中的require解析首先明确一点,在项目中的webpack.config.js等项目配置文件中使用的require属于nodejs范畴,而进入index.js后,加载的组件中 ...
vue中静态资源文件中的图片element.style.backgroundImage设置url无效问题
静态文件中的图片直接通过以下这种方式是无效的 element.style.backgroundImage = 'url("@/assets/img/btn_checkbox_nor@2x.p ...
vue中radio、select设置默认选中
radio默认选中: <span v-for="(item,index) in refArray"><input type="radio" n ...

vue中,静态书写select的option选项时如何设置默认选中项

vue中,静态书写select标签的option选项时如何设置默认选中项

vue中,静态书写select的option选项时如何设置默认选中项相关推荐

最新文章

热门文章