我使用v-repeat指令显示一个列表.
http://jsfiddle.net/ftc9ev7p/1/
请注意v-el指令的动态创建的参数,该参数由
v-el="inputField{{task.id}}"
或者
v-el="{{'inputField' + task.id }}"
仍然没有得到认可,因为我得到:
Uncaught TypeError: Cannot read property 'focus' of undefined
我想单击编辑按钮并关注相应的输入字段.
当我动态添加css类时,类似的语法有效.只需取消注释.focus()并单击"编辑".
new Vue({
el: '#tasks',
data: {
"tasks": [{
"id": 25,
"body": "Slack Noooo Yes",
"completed": true,
"created_at": "2015-08-05 17:00:26",
"updated_at": "2015-08-05 17:00:26"
}, {
"id": 27,
"body": "And",
"completed": false,
"created_at": "2015-08-05 17:22:14",
"updated_at": "2015-08-05 17:22:14"
}, {
"id": 28,
"body": "Happiness",
"completed": false,
"created_at": "2015-08-05 17:22:16",
"updated_at": "2015-08-05 17:22:16"
}, {
"id": 29,
"body": "Love", …