AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

uniapp、vue中data数组更新后页面不同步动态渲染更新，vue、uniapp data数组动态刷新

2022-03-19 2048
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： uniapp、vue中data数组更新后页面不同步动态渲染更新，vue、uniapp data数组动态刷新

在data中有个数组变量list，我们对某个元素进行修改后页面的三元运算符依然不生效，打印值的确是修改后的值，这是由于 Vue 不能检测数组某个索引值的变动。vue提供了vm.$set( target, propertyName/index, value )方法来修改。在uniapp中调用：

that.$set(that.listData, that.swiperCurrent, e);

第一个参数是数组，第二个参数是数组下标或者索引，第三个是你要修改的值

文章标签：
JavaScript
索引
关键词：
uniapp同步
VUE.js uniapp
VUE.js渲染
VUE.js数组
VUE.js页面
高久峰
目录
相关文章
wishCoding
|
1月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的客户关系管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的客户关系管理系统附带文章源码部署视频讲解等
wishCoding
60 2
热爱技术的小郑
|
5天前
|
JavaScript 前端开发
Vue学习之--------el与data的两种写法、MVVM模型、数据代理（2022/7/5）
这篇文章详细介绍了Vue中`el`和`data`的两种写法，解释了MVVM（Model-View-ViewModel）模型的基础知识，并探讨了数据代理的概念。文章通过代码实例和页面效果展示了这些概念的应用，还回顾了`Object.defineProperty`方法，并解释了Vue中如何实现数据代理。
热爱技术的小郑
12 1
Vue学习之--------el与data的两种写法、MVVM模型、数据代理（2022/7/5）
热爱技术的小郑
|
4天前
|
JavaScript
如何在Vue页面中引入img下的图片作为背景图。../的使用
这篇文章介绍了在Vue页面中如何引入`img`目录下的图片作为背景图，提供了两种使用相对路径的方法。第一种是使用`../assets/img/`作为路径引入图片，第二种是使用`../../assets/img/`作为路径。文章还展示了使用这些方法的代码实现和效果展示，并鼓励读者学无止境。
热爱技术的小郑
18 0
如何在Vue页面中引入img下的图片作为背景图。../的使用
热爱技术的小郑
|
5天前
|
JavaScript
Vue学习之--------列表渲染、v-for中key的原理、列表过滤的实现（2022/7/13）
这篇博客文章详细介绍了Vue中列表渲染的基础知识、`v-for`指令的使用、`key`的原理和列表过滤的实现。通过代码实例和测试效果，展示了如何遍历数组和对象、使用`key`属性优化渲染性能，以及如何实现列表的动态过滤功能。
热爱技术的小郑
9 0
Vue学习之--------列表渲染、v-for中key的原理、列表过滤的实现（2022/7/13）
热爱技术的小郑
|
5天前
|
JavaScript 前端开发
Vue学习之--------绑定样式、条件渲染、v-show和v-if的区别（2022/7/12）
这篇博客文章讲解了Vue中绑定样式和条件渲染的方法，包括类样式绑定的不同写法、`v-show`和`v-if`的条件渲染区别以及它们的使用场景和特点，并通过代码实例和测试效果来展示具体应用。
热爱技术的小郑
8 0
Vue学习之--------绑定样式、条件渲染、v-show和v-if的区别（2022/7/12）
CodeQi技术小栈
|
11天前
|
JavaScript UED
强制 Vue 重新渲染组件的5种方法，解决你开发过程中数据和视图无法同步的Bug。
强制 Vue 重新渲染组件的5种方法，解决你开发过程中数据和视图无法同步的Bug。
CodeQi技术小栈
189 3
。思索
|
8天前
|
JavaScript
VUE——三元表达式动态渲染样式
VUE——三元表达式动态渲染样式
。思索
17 0
JEECG
|
1月前
|
JavaScript 前端开发
在 JeecgBoot 项目中基于 Vue 3 配置多页面入口
本文介绍了在JeecgBoot Vue 3项目中配置多页面入口的步骤。首先，确保下载了项目源码，然后在项目根目录创建`home.html`作为新页面模板。接着，在`src`下建立`multiPage/home`目录，包含`App.vue`和`main.ts`文件以构建新页面。最后，更新`build/vite/plugin/html.ts`中的`htmlPlugin`以支持多页面配置。完成这些步骤后，项目将具备管理多个独立页面的能力。
JEECG
52 4
CodeQi技术小栈
|
11天前
|
缓存 JavaScript UED
使用 v-once 和 v-memo 进行 Vue 渲染优化
使用 v-once 和 v-memo 进行 Vue 渲染优化
CodeQi技术小栈
12 0
游客jjw5lou74ja6k
|
12天前
|
存储 JavaScript 前端开发
响应式的 switchboard：让又大又慢的Vue/AIpine 页面爆快
响应式的 switchboard：让又大又慢的Vue/AIpine 页面爆快
游客jjw5lou74ja6k
9 0

热门文章

最新文章

  • 1
    uniapp配置去掉友盟无法打包，提示配置错误如何解决
  • 2
    解决前端报错 Error: Cannot find module ‘xxx‘（包含 uniapp）
  • 3
    uniapp打包成H5部署到服务器教程
  • 4
    UniApp调用SDK原生接口
  • 5
    HBuilderX运行uniapp到微信开发者工具常见报错
  • 6
    前端（五）——从 Vue.js 到 UniApp：开启一次全新的跨平台开发之旅
  • 7
    uniapp跨域解决
  • 8
    （简单详细）uniapp实现自定义海报内容并生成海报二维码图片（可拖拽，可调节大小）
  • 9
    uniapp配置element-ui代码块
  • 10
    uniapp 里 onshow 接收不到参数如何解决？
  • 1
    【vue】vue中的路由vue-router，vue-cli脚手架详细使用教程
    79
  • 2
    vue组件化开发流程梳理，拿来即用
    49
  • 3
    vue中404解决方法
    43
  • 4
    Vue 中如何模块化使用 Vuex
    23
  • 5
    vue3组件注册
    34
  • 6
    Vue路由跳转及路由传参
    35
  • 7
    前端框架(Vue.js&&vue-cli项目框架&&element-ui使用)
    31
  • 8
    Vue中的数据变化监控与响应——深入理解Watchers
    92
  • 9
    vue3+threejs+koa可视化项目——模型文件上传(第四步)
    89
  • 10
    vue3+threejs+koa可视化项目——实现登录注册（第三步）
    209

    • 相关课程

    更多
  • Spring Boot+Vue.js+FastDFS实现分布式图片服务器
  • Vue.js 入门与实战
  • Vue.js完全自学手册图文教程
  • Node.js 入门教程文档
  • Node.js 入门与实战

    • 相关电子书

    更多
  • Vue.js 在前端服务化上的探索与实践
  • Vue.js在前端服务化上的实践与探索
  • 利用编译将 Vue 组件转成 React 组件

    • 相关实验场景

    更多
  • 前端开发基础6：Node.js和LESS预编译工具
  • ROS模板参数动态展示
  • 搭建Node.js编程环境
    • 下一篇
    【案例实战】SpringBoot整合阿里云文件上传OSS