# 修复自定义组件
比如index-list组件, 我们以后不要直接修改父组件传递过来的数据, 否则在小程序等终端不支持
// 之前的效果
methods: {
// 关注
guanzhu() {
this.item.isguanzhu = true
uni.showToast({
title: '关注成功'
})
},
// 顶， 踩
caozuo(type) {
switch (type) {
case 'ding':
if (this.item.infonum.index == 1) {
return
}
this.item.infonum.dingnum++
if(this.item.infonum.index===2) {
this.item.infonum.cainum--
}
this.item.infonum.index = 1
break
case 'cai':
if (this.item.infonum.index == 2) {
return
}
this.item.infonum.cainum++
if(this.item.infonum.index == 1) {
this.item.infonum.dingnum--
}
this.item.infonum.index = 2
break
}
},
}
// 我们修改之后的效果
<script>
export default {
props: {
item: Object,
index: Number
},
data() {
return {
isguanzhu: this.item.isguanzhu, ⭐⭐⭐ 需要换成保存为本组件的数据
infonum: this.item.infonum ⭐⭐⭐
}
},
methods: {
// 关注
guanzhu() {
this.isguanzhu = true ⭐⭐⭐
uni.showToast({
title: '关注成功'
})
},
// 顶， 踩
caozuo(type) {
switch (type) {
case 'ding':
if (this.infonum.index == 1) {
return
}
this.infonum.dingnum++
if (this.infonum.index === 2) {
this.infonum.cainum--
}
this.infonum.index = 1
break
case 'cai':
if (this.infonum.index == 2) {
return
}
this.infonum.cainum++
if (this.infonum.index == 1) {
this.infonum.dingnum--
}
this.infonum.index = 2
break
}
},
}
}
</script>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
← 保存草稿功能开发 导航栏tab导航开发 →