为了账号安全,请及时绑定邮箱和手机立即绑定

关于Vue的computed方法中set方法疑问

关于Vue的computed方法中set方法疑问

呼啦一阵风 2019-02-02 19:43:05
我的理解是set方法会将data里面的原始数据改掉啊,但是为啥监控发现并没有变化,而且set和get打个对调,get输出的值还是zhangsanHTML代码:<div id="app">     <span>{{fullName2}}</span></div>JS代码:   var app=new Vue({        el:"#app",        data:{            firstName:"zhang",            lastName:"san",            fullName:"",                  },        computed:{            fullName2:{                get:function(){                    return this.fullName=this.firstName+this.lastName;                },                set:function(){                    this.firstName="Xiao";                    this.lastName="Ming";                },            }        },    });
查看完整描述

1 回答

?
慕少森

TA贡献2019条经验 获得超9个赞

你应该想要的是这样的吧:


<div id="app"> 

    <span>{{fullName}}</span>

</div>



var app=new Vue({

        el:"#app",

        data:{

            firstName:"zhang",

            lastName:"san"

                  },

        computed:{

            fullName:{

                get:function(){

                    return this.firstName+this.lastName;

                },

                set:function(){

                    this.firstName="Xiao";

                    this.lastName="Ming";

                },

            }

        },

    });


查看完整回答
反对 回复 2019-02-03
  • 1 回答
  • 0 关注
  • 1807 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信