Vue 中select option默认选中的处理方法

在做泰康项目的时候有个需求就是要给select默认选中的样式我的处理方法有两个

1.直接将默认值给 selectedOption

<select v-model="selectedOption">  <option v-for="option in options" :value="option">{{option.city}}</option></select>js

data (){  return {    selectedOption:{cityCode:0,city:"北京"},    selectedOption:{},    options:[      {        cityCode:0,        city:"北京"      },{        cityCode:1,        city:"上海"      },{        cityCode:2,        city:"天津"      },{        cityCode:3,        city:"重庆"      }    ]  }}2.在created生命期函数上给selectedOption赋值给当前需要默认的值

created (){     this.selectedOption = this.options[1]}

转载于:https://www.cnblogs.com/zhx119/p/10038051.html

Vue 中select option默认选中的处理方法相关推荐

html中select标签默认选择,HTML中的select标签如何设置默认选中的选项
方法有两种. 第一种通过的属性来设置选中项,此方法可以在动态语言如php在后台根据需要控制输出结果. 1 2 3 4 5 1 option > 2 option > 3 option &g ...
Vue select的使用以及select设置默认选中，element select联动不能选择问题
Vue中select下拉框的默认选中项的三种情况_vue option默认选择_July++的博客-CSDN博客 vue中select的使用以及select设置默认选中_燕山八音的博客-CSDN博客 ...
html设置默认选中状态,html中select标签用法解析及如何设置select的默认选中状态...
当提交表单时,浏览器会提交选定的项目,或者收集用逗号分隔的多个选项,将其合成一个单独的参数列表,并且在将表单数据提交给服务器时包括 name 属性. 标签可选的属性属性值 ...
php option默认选中的值,laravel中数据显示方法(默认值和下拉option默认选中)
今天小编就为大家分享一篇laravel中数据显示方法(默认值和下拉option默认选中),具有很好的参考价值,希望对大家有所帮助.一起跟随小编过来看看吧如下所示: ap状态: 进行中开始暂停开 ...
php 下拉框默认选中,select标签设置默认选中的选项方法，select标签
select标签设置默认选中的选项方法,select标签方法有两种. 第一种通过的属性来设置选中项,此方法可以在动态语言如php在后台根据需要控制输出结果. < select id = &qu ...
elementui的select无法默认选中值
elementui的select无法默认选中值的问题目的 elementui的select里直接显示的变量值,而非选项值最后结果目的记录学习过程遇到的问题 elementui的select里直 ...
layui的form表单提交数据，layui的select框默认选中
1.提交数据 1.1html <form class="layui-form" action="" method=""> < ...
vue中ztree使用懒加载的方法
vue中ztree使用懒加载的方法正常引用过后使用: import tree from "vue-giant-tree"; <tree:setting="sett ...
vue中引用tinymce图标不显示解决方法
vue中引用tinymce图标不显示解决方法通过官网查到一篇博客,按照上面步骤可以实现tinymce富文本编辑器的封装和使用. https://www.cnblogs.com/zhongchao66 ...

Vue 中select option默认选中的处理方法

Vue 中select option默认选中的处理方法相关推荐

最新文章

热门文章