Vue2中新增属性不触发界面刷新的三种解决方案

<template>
<view>
<div v-for=”item in list” :key=”item.id”>
{{ item.name }}{{ item.age }}
</div>
</view>
</template>

<script>
export default {
data() {
return {
list:[{id: 1,name: ‘张三’},
{id: 2,name: ‘李四’},
{id: 3,name: ‘王五’}]
}
},
onLoad() {
setTimeout(() => {
const first = this.list[0]
first.age = 18
————
// 方法一
first.age = 18
this.$set(this.list, ‘list’, this.list)
————
// 方法二 (不推荐,影响性能)
first.age = 18
this.$forceUpdate()
————
// 方法三
this.$set(first, ‘age’, 18)
————
}, 1000);
},
}
</script>

Android项目卡在downloading gradle,如何解决?

  1. 前往文件夹
    /Users/你的电脑用户名/.gradle/wrapper/dists/gradle-xx-bin/1w5dpkrfk8irigvoxmyhowfim。
  2. 查看当前正在下载的gradle版本,然后删除1w5dpkrfk8irigvoxmyhowfim中正在下载的文件。
  3. 关闭Android Studio。
  4. 前往gradle官网,下载对应版本(binary-only )。
  5. 下载后不需要解压缩,直接把gradle-xx-bin.zip拖到1w5dpkrfk8irigvoxmyhowfim文件夹中。

注意:

  • 本文仅针对mac系统有效。
  • gradle-xx-bin中,xx代表当前版本号。
  • 1w5dpkrfk8irigvoxmyhowfim是随机生成的文件夹名,实际情况略有不同。

其他方案:
打开clashX,测试线路通畅之后,在Android Studio中做以下设置: