V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Colorful
V2EX  ›  前端开发

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

  •  
  •   Colorful · 2020-04-27 12:40:45 +08:00 · 1025 次点击
    这是一个创建于 1460 天前的主题,其中的信息可能已经有所发展或是发生改变。

    这是代码

    <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' ,这样就设为默认

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

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

    data: { selVal: 'whatever' }

    这样 <select> 的默认值就被设定为 "whatever"。
    Colorful
        6
    Colorful  
    OP
       2020-04-27 18:23:35 +08:00
    @SilentDepth 这个我知道,现在理解了动态绑定是怎么样的了
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   2757 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 15:22 · PVG 23:22 · LAX 08:22 · JFK 11:22
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.