在V-for 中 使用 v-model 绑定循环的数据问题

C-Chicken

具体报错为:
Cannot read property 'name' of undefined

直接上代码吧,不知道该咋描述了

1. <template name='order_evaluation'>
   
2.         <view class="page">
   
3.                 <scroll-view scroll-y show-scrollbar="false" class="flex-1">
   
4.                         <view class="goods-box">
   
5.                                 <view v-for="(items,index) in list" class="">
   
6.                                         <textarea name="" id="" cols="30" rows="10" v-model="items.name"></textarea>
   
7.                                 </view>
   
8.                         </view>
   
9.                 </scroll-view>
   
10.         </view>
    
11. </template>
    
12. <script>
    
13. export default {
    
14.         name: 'order_evaluation',
    
15.         apiready() {//like created
    
16. 
    
17.         },
    
18.         data() {
    
19.                 return {
    
20.                         list: [{
    
21.                                 name: ''
    
22.                         }, {
    
23.                                 name: 1
    
24.                         }]
    
25.                 }
    
26.         },
    
27.         methods: {
    
28.                 back() {
    
29.                         api.closeWin()
    
30.                 }
    
31.         }
    
32. }
    
33. </script>
    
34. <style>
    
35. .flex-1 {
    
36.         flex: 1;
    
37. }
    
38. .disflex-v-center {
    
39.         flex-flow: row;
    
40.         align-items: center;
    
41.         justify-content: flex-start;
    
42. }
    
43. .width-100p {
    
44.         width: 100%;
    
45. }
    
46. .bg-f7 {
    
47.         background: #f7f7f7;
    
48. }
    
49. .position {
    
50.         position: absolute;
    
51.         bottom: 14px;
    
52.         right: 10px;
    
53. }
    
54. .text-box {
    
55.         margin-top: 10px;
    
56.         /* width: 100%; */
    
57.         margin-left: 14px;
    
58.         margin-right: 14px;
    
59.         height: 86px;
    
60.         background: #f7f7f7;
    
61.         position: relative;
    
62. }
    
63. .c999 {
    
64.         color: #999;
    
65. }
    
66. .img-style {
    
67.         width: 61px;
    
68.         height: 61px;
    
69.         border-radius: 6px;
    
70. }
    
71. .padding-14 {
    
72.         padding: 14px 14px 10px 14px;
    
73. }
    
74. .goods-box {
    
75.         width: 100%;
    
76.         height: 347px;
    
77.         background: #ffffff;
    
78.         border-radius: 10px;
    
79. }
    
80. .page {
    
81.         height: 100%;
    
82.         background: #f7f7f7;
    
83. }
    
84. </style>
    

复制代码

大佬你测试一下就知道了

杨永安

我来描述一下吧：

在 v-for 中使用 v-model 时使用 v-for中的数据作用域被关联到了组件this的data中了。

如图：

XT1991

看下是否楼上说的问题

幽幽咖啡

这个和VUE的语法还是有很大差异的