请稍等 ...
×

采纳答案成功!

向帮助你的同学说点啥吧!感谢那些助人为乐的人

老师为什么我这样用watch方法的时候控制台修改firstName出现undefined?

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

1回答

Dell 2019-12-10 18:27:40

完整的代码贴上来我看一下吧

0 回复 有任何疑惑可以回复我~
  • 提问者 ray城市之光 #1
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>计算属性、方法与监听</title>
        <script src="vue.js"></script>
    </head>
    <body>
    <div id="app">
        {{fullName}}
        {{age}}
    </div>
    <script>
        var vm = new Vue({
            el: "#app",
            data: {
                firstName: "Dell",
                lastName: "Lee",
                fullName: "Dell Lee",
                age: 28
            },
            //侦听器
            watch:{
                fistName: function () {
                    console.log("计算了一次");
                    this.fullName = this.fistName + " " + this.lastName;
                },
                lastName: function () {
                    console.log("计算了一次");
                    this.fullName = this.fistName + " " + this.lastName;
                }
            }
    //        //方法
    //        methods: {
    //            fullName: function () {
    //                console.log("计算了一次");
    //                return this.firstName + " " + this.lastName
    //            }
    //        }
    //        //计算属性
    //        computed: {
    //            fullName: function () {
    //                console.log("计算了一次");
    //                return this.firstName + " " + this.lastName
    //            }
    //        }
    
        })
    </script>
    </body>
    </html>
    回复 有任何疑惑可以回复我~ 2019-12-10 18:40:17
  • 提问者 ray城市之光 #2
    是什么原因呢
    回复 有任何疑惑可以回复我~ 2019-12-11 15:31:24
  • Dell 回复 提问者 ray城市之光 #3
    控制台你是怎么修改的,我看下你控制台的操作语句
    回复 有任何疑惑可以回复我~ 2019-12-12 01:43:47
问题已解决,确定采纳
还有疑问,暂不采纳
微信客服

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

帮助反馈 APP下载

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

公众号

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