uniapp $set

uniapp中的 $set 是一个全局API，用于在组件内部设置响应式数据。它的作用类似于Vue.js中的this.$set。通过使用$set，我们可以在组件中动态地添加新的响应式属性。

下面是一个示例：

<template>
  <div>
    <p>{{ message }}</p>
    <button @click="changeMessage">Change Message</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      message: 'Hello, UniApp!'
    };
  },
  methods: {
    changeMessage() {
      this.$set(this, 'message', 'New Message');
    }
  }
};
</script>

在上面的示例中，我们通过点击按钮调用`changeMessage`方法来改变`message`的值。通过使用`$set`方法，我们可以确保新的属性的添加是响应式的，这样界面上会自动更新显示新的值。

相关问题

uniapp this.$set 怎么用

在UniApp中，使用`this.$set`可以动态设置一个响应式变量。

语法格式如下：

this.$set(目标对象, 属性名, 属性值);

其中，目标对象为需要动态设置属性的对象，属性名为需要设置的属性名称，属性值为需要设置的属性值。

例如，我们需要动态设置一个名为`userInfo`的响应式变量，其中包含`name`和`age`两个属性，可以使用以下代码：

this.$set(this.userInfo, 'name', '张三');
this.$set(this.userInfo, 'age', 18);

这样，`userInfo`变量就会被设置为一个响应式变量，并且当其属性值变化时，页面会自动更新。

uniapp使用this.$set

uniapp是一个基于Vue.js的跨平台开发框架，可以用于开发iOS、Android、H5等多个平台的应用程序。在uniapp中，this.$set是Vue.js提供的一个方法，用于在响应式对象上设置一个新的属性或修改已有属性的值。

this.$set的语法如下：
this.$set(object, key, value)

其中，object是要操作的响应式对象，key是要设置或修改的属性名，value是要设置或修改的属性值。

this.$set的作用是将一个非响应式的属性添加到响应式对象中，或者修改已有的属性值。在Vue.js中，当我们直接给响应式对象添加新属性时，该属性不会触发视图更新。但是使用this.$set方法可以确保新添加的属性也能够触发视图更新。

举个例子，假设我们有一个data对象：
data: {
name: 'John',
age: 20
}

如果我们想要动态添加一个新的属性gender，并且希望该属性能够触发视图更新，可以使用this.$set方法：
this.$set(this.data, 'gender', 'male')

这样就会在data对象中添加一个新的属性gender，并且该属性会触发视图更新。