在UniApp 3.x使用 $scope.setData 无法更新视图 WXML 变量名变化导致数据不同步的问题

最新推荐文章于 2025-04-02 20:55:51 发布

代码简单说

最新推荐文章于 2025-04-02 20:55:51 发布

阅读量15

点赞数 2

分类专栏： 2025开发必备文章标签： uni-app vue.js javascript scope.setData 无法更新视图 vue3 UniApp 3.x

本文链接：https://blog.youkuaiyun.com/weixin_41961749/article/details/146022747

版权

2025开发必备专栏收录该内容

294 篇文章 ¥15.90 ¥99.00

订阅专栏

1. 事情的起因

最近在升级到 UniApp 3.x 后，发现 this.$scope.setData 直接修改小程序数据层，并没有像以前那样更新视图。最开始以为是 HBuilderX 版本问题，后来深入排查发现，问题根本不在这里，而是 Uni3 编译后的 WXML 变量名发生了变化！

2. 代码示例

先看看这个 Vue 代码，在 UniApp 2.x 里，this.$scope.setData 可以正常更新 renderList：

<template>
  <div
    v-for="(stock, index) in renderList"
    :key="stock.chooseSymbol + index"
    :data-key="stock.chooseSymbol"
    class="stock-item portfolio-stock-item">
    <span class="stock-info-name" :class="[stock.name && stock.name.length > 14 ? 'small' : '']">
    <

了解本专栏