uniapp 的ref属性、修改数组里面的对象值

<template>
	<view>
		<button type="default" ref="btn">button>
		
		<uni-card ref="card">uni-card>
		<view class="" ref="view">view>
	view>
template>

<script>
	export default {
		data() {
			return {
				list: [
					{id:1,name: '张三'},
					{id:2,name:'李四'}
				],
				list2: ['小花','小陈']
			}
		},
		mounted() {
			console.log(this.$refs.view, 1111)
			// 将list数组的第二个元素里面的内容李四改为王五
			// 如果页面不发生改变
			this.list[1].name = '王五'
			//$set()方法可以触发视图的更新
			this.$set(this.list,1,{...this.list[1],name:'小明'})
			this.list2[1] = '小兰'
		},
		methods: {
			
		}
	}
script>

<style>

style>

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