Vue.js-无法读取属性';配子ID';未定义的

Vue.js-无法读取属性';配子ID';未定义的,vue.js,Vue.js,我还是vue.js新手,非常感谢您的帮助。我正在尝试创建一个数据属性对象,该对象获取我正在构建的赌场的特定游戏的游戏id。我在元素中指定了游戏id,但是,在加载页面时,我遇到了一个在google chrome devtools中无法读取未定义的属性“gameid”的。我不明白为什么元素不接受游戏id。我在中指定了游戏id。我猜您已经缩短了代码,所以我只能按照您所写的进行操作: 首先,不要装载到主体,只需创建一个带有id的div并装载到该主体,其次数据需要返回组件内的对象: data(){

我还是vue.js新手,非常感谢您的帮助。我正在尝试创建一个数据属性对象,该对象获取我正在构建的赌场的特定游戏的游戏id。我在元素中指定了游戏id,但是,在加载页面时,我遇到了一个在google chrome devtools中无法读取未定义的属性“gameid”的
。我不明白为什么元素不接受游戏id。我在
中指定了游戏id。我猜您已经缩短了代码,所以我只能按照您所写的进行操作:

首先,不要装载到
主体
,只需创建一个带有
id
div
并装载到该主体,其次
数据
需要
返回组件内的对象:

data(){
   return {
      ready: null;
   }
}
您还使用
php
语法(点)而不是加号连接,因此应该是:

'api/ready/games/' + this.gameid
如果
gameid
是一个数字,您应该使用
v-bind
传递它:

<game v-bind:gameid="{{$gameid}}"></game>

希望这能让您找到解决问题的方法,这里有一个JSFiddle似乎工作得很好:


谢谢!那是JSFIDLE干的。我的代码现在似乎按照我想要的方式运行。
'api/ready/games/' + this.gameid
<game v-bind:gameid="{{$gameid}}"></game>