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

需求：用户点击应用图标（功能列表）后，根据用户点击的应用匹配相应数据并进行切换显示

问题：用户点击后，修改相应数据的值后（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]);
					}
				}
				
			}
		}
	}