动态更新

动态更新

vue2项目里
1.动态添加数据到data
2.异步更新数据到data
这两个怎么操作

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

1回答
好帮手慕久久 2022-11-15 16:35:29

同学你好,vue2中动态添加数据、异步更新数据与vue3写法大体是一样的。

动态添加数据可以如下这样写:

https://img1.sycdn.imooc.com//climg/63734e6e09c6230b07920558.jpg

https://img1.sycdn.imooc.com//climg/63734e7f09b98b4003540205.jpg

异步操作,可以用定时器模拟,比如:

https://img1.sycdn.imooc.com//climg/63734f2c0992e02008630609.jpg

https://img1.sycdn.imooc.com//climg/63734f310996fdd203510118.jpg

祝学习愉快!

  • 提问者 宣与慕 #1

    我看文档中有这两种形式,按这种形式该怎么实现呢,我按他那么写就会报错

    https://img1.sycdn.imooc.com//climg/6373544f09fcdec707460401.jpg

    2022-11-15 16:56:50
  • 提问者 宣与慕 #2

    还有就是我想要的效果是添加和list同级别的属性,不是在list里面添加,这样的话可以实现吗

    2022-11-15 17:01:06
  • 好帮手慕久久 回复 提问者 宣与慕 #3

    解答如下:

    1、如下两种用法是一样的,都是给data中的对象,动态添加属性:

    https://img1.sycdn.imooc.com//climg/6373569909651ccb06590327.jpg

    只是二者应用的场合不一样:

    当在html文件中书写vue代码时,可以使用this.$set()的形式添加数据;当在自动化构建的项目中书写vue代码时,可以使用Vue.set()的形式添加数据。

    后面会学习如何自动化构建项目,这里暂且不提Vue.set()的用法(以后自己拓展),只给同学举例this.$set()的用法:

    https://img1.sycdn.imooc.com//climg/637357790942b60210220629.jpg

    2、不可以。vue中明确提到了,不能在data中动态添加一级数据:

    https://img1.sycdn.imooc.com//climg/637357c90923546308750531.jpg

    2022-11-15 17:11:45
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师