Vue.js中的铁路超高处理模型
Vue.js中的铁路超高处理模型
提问于 2018-06-02 02:14:05
为什么不能显示{{myGame}}，结果一开始应该是超級馬力歐，当用户按下按钮就会改变，但是没有，只是显示了{{myGame}}。我不知道如何修复它，谢谢！
let myApp = new vue({
el:'myApp',
data:{
myGame:'超級馬力歐'
},
methods:{
btnClick: function(pname){
this.myGame = pname;
},
},
});<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body>
<div id="myApp" >
<p> 您最喜歡的遊戲是：{{myGame}}</p>
<button v-on:click="btnClick('我的世界')">我的世界</button>
<button v-on:click="btnClick('我的世界33')">我的世界33</button>
<button v-on:click="btnClick('我的世界44')">我的世界44</button>
<button @click="btnClick('我的世11界')">我的世11界</button>
<script src="https://unpkg.com/vue@2.5.16/dist/vue.js"></script>
</div>
</body>
</html>
回答 1
Stack Overflow用户
发布于 2018-06-02 02:30:20
这是为您准备的固定脚本。作为一个一般的建议，在未来尝试阅读你的控制台，从而找出错误的根源。问题是引用vue的方式不正确，其次引用app元素的方式也不正确
let myApp = new Vue({
el:'#myApp',
data:{
myGame:'超級馬力歐'
},
methods:{
btnClick: function(pname){
this.myGame = pname;
},
},
}); <div id="myApp" >
<p> 您最喜歡的遊戲是：{{myGame}}</p>
<button v-on:click="btnClick('我的世界')">我的世界</button>
<button v-on:click="btnClick('我的世界33')">我的世界33</button>
<button v-on:click="btnClick('我的世界44')">我的世界44</button>
<button @click="btnClick('我的世11界')">我的世11界</button>
</div>
<script src="https://unpkg.com/vue@2.5.16/dist/vue.js"></script>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/50648980
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号