uniapp如何赋值

数据绑定赋值

在uniapp中，可以通过数据绑定方式给变量赋值。在Vue单文件组件的<script>部分定义data，在模板中使用双花括号语法绑定数据：

// script部分
export default {
  data() {
    return {
      message: '初始值'
    }
  }
}

<!-- 模板部分 -->
<view>{{message}}</view>

方法内赋值

在methods定义的方法中，可以通过this直接修改data中定义的变量：

methods: {
  changeValue() {
    this.message = '新值'
  }
}

表单输入绑定

对于表单元素，可以使用v-model实现双向绑定：

<input v-model="message" />

动态设置对象属性

需要动态设置对象属性时，应使用Vue.set方法或this.$set：

this.$set(this.obj, 'newProperty', 'value')

数组操作

修改数组元素时，应使用Vue的数组变异方法或this.$set：

// 正确方式
this.list.splice(index, 1, newItem)

// 或
this.$set(this.list, index, newItem)

异步回调赋值

在异步回调中赋值时，需确保上下文正确：

uni.request({
  url: '...',
  success: (res) => {
    this.dataList = res.data
  }
})

全局变量赋值

如需使用全局变量，可在App.vue中定义globalData：

// App.vue
export default {
  globalData: {
    token: ''
  }
}

使用时通过getApp()获取：

const app = getApp()
app.globalData.token = 'newToken'