iview框架select默认选择一个option的值

Vue中使用v-model绑定Select
最新推荐文章于 2024-01-03 12:56:09 发布
最新推荐文章于 2024-01-03 12:56:09 发布
阅读量341 收藏
点赞数
CC 4.0 BY-SA版权
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/beileixinqing/p/7794354.html
本文介绍在Vue.js框架中如何正确使用v-model指令来绑定Select组件的默认选项。通过设置v-model的值为option的value属性，可以实现Select组件的预选状态。需要注意的是，如果option的value使用了双引号，则v-model绑定的值也必须用双引号包裹。

给select加v-model，绑定的值为默认要显示的option的value值，展示的则为option的标签之间的内容，并且如果option的value是双引号，这里绑定的值也要双引号，否则不能正常显示。

转载于:https://www.cnblogs.com/beileixinqing/p/7794354.html

解决 iView Select 选中后验证失败的问题
qq_41524691的博客
07-15 1427
问题描述：使用iView的Select组件配合Form进行验证的时候，总是验证不通过 看了网上的建议，添加type: 'number’还是不起作用，查看iView的验证规则文档后发现 iView rules文档 即如果我们不添加type来限定类型，则默认类型就是 string，但是一般的需求是Option的value都是id这种唯一标识。 所以有可能会出现number/string，之前拿到后台的数据时，id默认是string，然后不添加type，只是常规的required、message、trigge
view UI Plus select组件远程搜索赋值default-label无效问题解决
Sherry Tian的博客
03-12 1070
在使用view UI Plus 的 select组件进行远程搜索功能时，默认赋值不成功，几经周折最后完美解决。
iview的select绑定默认值
weixin_44728633的博客
09-29 2381
先参考一些关于官网的说明： 对于Select props： 对于Option props： 将v-model绑定上要设定的默认值 我绑定后发现设定值仍然为空，发现在option中的value此时绑定的是item.id ，将它绑定为我在后面用到的item.no后就可以正常显示了。 <Select v-model="addPlanFormItem.theexplicitNumber" > <Option v-for="item in explicitNumber"
iview-select选择器组件设置默认选中的值问题(亲测解决)
lllomh的博客
10-18 3419
直接把 model 的值去匹配 当前的 val 对的上就自动添加选择的 css类 一劳永逸!这个问题, 网上一大把, 但是可以用的几乎没几个. 这里我自己记录下我自己使用独特的方式,
Vue中select默认选中下拉选项第一条（举例iview AutoComplete组件）
heerey525
12-25 9827
一、html中 静态 给对应option元素直接添加selected属性<select> <option value="0">one</option> <option value="1">two</option> <option value="2" selected>three</option> </select> 动态 option加载完成后给对应元素添加selected属性$("selec
Select选择器设置默认选中
weixin_41777814的博客
04-06 1815
我使用的是iView中的Select选择器，项目需要设置默认选中。 created(){ this.model1 = 默认值 } 轻松搞定。
Iview框架select默认选择一个option的值
05-26
在 iView 框架中，可以使用 `v-model` 指令来绑定选中值，并通过 `option` 标签的 `selected` 属性来指定默认选中的选项。 例如，下面的示例代码中，将 `select` 组件绑定到 `selected` 变量，同时指定第一个选项为...
基于IView中on-change属性的使用详解
08-27
在IView中，on-change属性是一个非常重要的属性，它可以用来监听输入框、选择框、复选框等控件的变化，但是，on-change属性的使用方法是有很多坑的，特别是当你使用vue框架开发时。 在本文中，我们将详细介绍IView...
前端Select选择器查询条件是必须录入的校验
最新发布
08-27
以下是一个完整的示例代码，展示如何实现 Select 选择器的必填验证： ```html 区域：" prop="region"> <Select v-model="formData.region" placeholder="请选择"> <Option v-for="(item, index) in regions" ...
iView Select组件回显失败、设置默认值失败问题总结（！！！注意select绑定的value值数据类型是否一致）
Wzmlzrr的博客
03-01 3393
iView Select组件回显失败、设置默认值失败问题总结（！！！注意select绑定的value值数据类型是否一致）
【第6期】使用Iview的Select组件进行远程搜索并在编辑时设置一个或多个默认值
因为热爱，所以付出
01-03 2275
本期要点 1. Iview Select组件的简单介绍 2. 后端编写学校搜索接口 3. 前端编写调用搜索接口的相关方法 4. Select组件触发远程搜索 5. 编辑时对已选择的数据设置默认值(1个和多个)
iview下拉选择框默认选中第一个选项
weixin_40300591的博客
04-09 9219
首先在Select中加入v-model与topic数据绑定 然后我们看数据 在加载页面完成后的mounted中写入this.topic = this.topicList[0].value; 即可完成默认选中第一个选项的操作 ...
select下拉框option默认选中(php模板渲染)
dawuyou的博客
12-30 307
根据form表单提交的值，默认将select下拉框的option值选中： <label>是否推荐：</label><selectclass="input-text"name="is_recommend"> <optionvalue="0"<?phpif($is_recommend=="0"){echo"selected";}?>>不限</option> <optionvalue="1"...
iview select选中的值 与option不符
a314753967的博客
02-20 1842
这是&lt;Option v-for="option(item,index)  in items" :key="index"中的key的问题导致的, （也可能是没有写:key="index"，注意，必须写） key根据键值对定位元素，如果index索引只代表一个元素就不会出现重复，否则就出异常(例如：选中与显示的值不符)。 解决办法key="index"替换成 key="只代表唯一含义的属性...
iview的select/option标签不/没有回显选中的值
DAMO小天天
03-11 5702
故事： 今天在使用ivew写页面的时候，发现页面的select查询条件里面，自从加入了搜索功能后，就出现了问题，选中了数据中，下拉框中不显示值了，点开下拉框的时候也看到了是选中的，查询事件也自动触发了，但是就是不显示选中的值，我用鼠标划选了下，发现“全是空格”，使劲往后划选的话，会发现是有值的，但是两边多了N多空格，但是代码也仔细检查了，没有任何问题，什么原因来？ html代码： <i...
iview的select中下拉框option添加图片
xiansibao的博客
04-25 726
/此处是下拉框的每个option添加图片label显示，value是key值，status是图片显示路径 <img :src="list.status" width="20" height="20" />{{ list.label }}-- <div slot="prefix" >//此处是select选择显示框添加图片。使用slot="prefix"在下拉框添加图片。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值