vue-cli学习——Vue.set()-创新互联

使用场景:

那坡网站建设公司成都创新互联,那坡网站设计制作,有大型网站制作公司丰富经验。已为那坡近1000家提供企业网站建设服务。企业网站搭建\成都外贸网站建设公司要多少钱,请找那个售后服务好的那坡做网站的公司定做!

        当给予对象一个不存在的属性字段时,直接赋值不会触发视图更新

        在官方文档上的看到的说明是:

            向响应式对象中加一个属性,并确保这个新属性同样是响应式的,且触发视图更新

例子:

    写一个点击事件的方法,方法体内容:

        if(!this.food.count){

            this.food.count = 1;

        }

    因为count字段不在this.food(由父组件通过axios传递给子组件的数据)里,所以点击时不会触发视图更新


解决问题:

    import Vue from 'vue'


    Vue.set(this.food,'count',1)

参数解读:

        target:要更改的数据源(可以是对象或者数组)

        key:要更改的具体数据

  value :重新赋的值


另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


当前题目:vue-cli学习——Vue.set()-创新互联
文章路径:http://bzwzjz.com/article/dsscii.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 定制网站建设 成都网站设计 成都网站建设 盐亭网站设计 成都网站设计 营销网站建设 成都营销网站建设 成都做网站建设公司 成都网站建设 达州网站设计 企业网站设计 手机网站建设 外贸营销网站建设 网站建设方案 梓潼网站设计 品牌网站建设 成都网站建设公司 营销网站建设 成都企业网站建设公司 网站建设方案 手机网站建设套餐 定制级高端网站建设