问答详情
源自:2-5 Vue中的计算属性和侦听器

为什么我的显示{{lastName}} {{count}} 请各位大佬帮帮忙 谢谢

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>Vue中的计算属性和侦听器</title>

<script src="./vue.js" type="text/javascript" charset="utf-8"></script>

</head>

<body>

<div id="root">

姓<input v-model="firstName" />

名<input v-model="lastName" />

<div>{{lastName}}</div>

<div>{{count}}</div>

</div>

<script type="text/javascript">

new Vue({

el:"#root",

data:{

firstName: '',

lastName: '',

count: 0

},

computed:{

   fullName: function(){

return: this.firstName +''+ this.lastName

   }

},

watch:{                                

fullName:function(){

this.count++

}

}

})

</script>

</body>

</html>


提问者:慕移动1320446 2020-05-04 15:08

个回答

  • 幕布斯4312480
    2020-05-05 23:05:27

    不应该是fullName吗

  • 慕UI1984934
    2020-05-04 21:48:16

    computed:{

       fullName: function(){

    return: this.firstName +''+ this.lastName

       }

    },

    return 后面多了冒号(:)

  • 慕UI1984934
    2020-05-04 21:44:00

    computed:{

       fullName: function(){

    return: this.firstName +''+ this.lastName

       }

    }

    这段代码有问题,在return 后面多了冒号(:)

  • 慕UI1984934
    2020-05-04 21:42:28

    computed:{

       fullName: function(){

    return: this.firstName +''+ this.lastName

       }

    },

    你这段代码有问题 在return 这个后面,多了冒号(:)