javascript - vuejs中对象渲染如何绑定
ringa_lee
ringa_lee 2017-04-10 17:50:08
[JavaScript讨论组]

当对一个对象进行渲染的时候,如何使用v-model进行双向绑定呢?

<li class="form-group" v-for="(key,item) in list">
    <label>
            {{ item.name }}
            <input type="text" v-model="item.value" />
    </label>
</li>

我像上面那种方式进行绑定后v-model="item.value" 发现对input控件内容修改的时候鼠标光标总是移动到最末端,不知道哪里出的问题?

list结构如下:
[
    a:{name:'zhangsan',value:'nan',href:'aaa.com'},
    b:{name:'zhaosi',value:'nv',href:'bbb.com'},
    ...
]

需要遍历的数据

ringa_lee
ringa_lee

ringa_lee

全部回复(2)
黄舟

我跑了类似的代码,没有光标的问题。另外你有几个问题,一个是list的结构,这是什么数组结构?你的list应该是个对象才对啊。item.name也应该是{{item.name}}
看看这个demo https://jsfiddle.net/ygjack/7xom0c5p/

天蓬老师

你的list.结构 好像不对呀 ,也不是数组啊。
绑定一个对象响应式可以用watch, computed

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号