请教一个 vue select 里面动态设值的问题

2020-04-27 12:40:45 +08:00
 Colorful

这是代码

<select v-model="item[index]" @change='select(item,index,event)'> <option v-for="(t,j) in item.valarr" :value="t" :key="j">{{t}}</option> </select>

sarr 值为 [{"label":"","valarr":["A: 1","B: 2","C: 3","D: 4","E: 5","F: 6","G: 7"]}, {"label":"","valarr":["A: 1","B: 2","C: 3","D: 4","E: 5","F: 6","G: 7"]}, {"label":"A: 1","valarr":["A: 1","B: 2","C: 3","D: 4","E: 5","F: 6","G: 7"]}, {"label":"","valarr":["A: 1","B: 2","C: 3","D: 4","E: 5","F: 6","G: 7"]}, {"label":"","valarr":["A: 1","B: 2","C: 3","D: 4","E: 5","F: 6","G: 7"]}, {"label":"","valarr":["A: 1","B: 2","C: 3","D: 4","E: 5","F: 6","G: 7"]}, {"label":"","valarr":["A: 1","B: 2","C: 3","D: 4","E: 5","F: 6","G: 7"]}]

我想在 select 里面设置默认值 假如说 label 的值有 'A: 1' ,这样就设为默认

在网上没找到太多相关的 希望有人能够指教一下

1091 次点击
所在节点    前端开发
6 条回复
SilentDepth
2020-04-27 12:50:49 +08:00
这个 code block 阅读体验真的是……
SilentDepth
2020-04-27 12:51:51 +08:00
<select> 的 model 绑定了 item[index],那么让这个状态有默认值就行了
Colorful
2020-04-27 13:34:37 +08:00
@SilentDepth 我没太理解,怎么设置那个默认状态
Colorful
2020-04-27 13:39:28 +08:00
@SilentDepth 找到问题在哪了,谢谢了
SilentDepth
2020-04-27 13:40:02 +08:00
<select v-model="selVal">

data: { selVal: 'whatever' }

这样 <select> 的默认值就被设定为 "whatever"。
Colorful
2020-04-27 18:23:35 +08:00
@SilentDepth 这个我知道,现在理解了动态绑定是怎么样的了

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/666564

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX