uni-app 父子组件传值,子组件修改值后页面不起作用问题

发布于:2021-10-25 11:45:19

需求:用户点击应用图标(功能列表)后,根据用户点击的应用匹配相应数据并进行切换显示


问题:用户点击后,修改相应数据的值后(selected,是否选中),页面无反应,但是数据已修改


解决途径:


使用 this.$set(object, propertyName, value) 方法修改相应的属性


object:修改的目标


propertyName:修改的属性


value:值


?


如果是集合(数组):


object:修改的集合(数组)


propertyName:集合(数组)下标


value:已修改的元素


?


例如:


export default {
props: {
floorNode: {
type: Object
},
imgUrl: {
type: String,
default: '
}
},
data() {
return {
data: []
}
}
methods: {
scrollItemClick(index) {
let temp = this.data;
if (temp.length > index) {
for (var i = 0; i < temp.length; i++) {
if (i == index) {
temp[i].selected = true;
} else {
temp[i].selected = false;
}
this.$set(this.data, i, temp[i]);
}
}

}
}
}

?

相关推荐

最新更新

猜你喜欢