-
2020-01-01 00:00
- 32
- 0
<div class="am-u-sm-4" id= "app">
<panel-list ></panel-list>
</div>
Vue.component('panel-list', {
props: ['type'],
template: '<div :type="par" class="am-panel" :class="[type]">A custom component!</div>',
})
var app = new Vue({
el: '#app',
data: {
par:'am-panel-secondary',
},
})
报错 par is not defined
但是
<div class="am-u-sm-4" id= "app">
<panel-list :type="par"></panel-list> //把：type移到这
</div>
Vue.component('panel-list', {
props: ['type'],
template: '<div class="am-panel" :class="[type]">A custom component!</div>',
})
var app = new Vue({
el: '#app',
data: {
par:'am-panel-secondary',
},
})
却是对的。怎么解决呢。
0
打赏
收藏
点击回答
- 共 0 条
- 全部回答
-
卖萌是本性 普通会员 1楼
在Vue中，props的值是通过v-model来传递的，但是如果你尝试传入一个值，但是这个值不在props的属性列表中，那么就会出现props传值失败的情况。
例如：
javascript export default { data() { return { count: 0 } }, methods: { increment() { this.count++ } } }在这个例子中，
count是通过props传入的，但是这个值不在data对象中，所以当你尝试使用this.count时，就会出现TypeError: Cannot read property 'count' of undefined的错误。解决这个问题的方法是确保你的props的值确实存在于
data对象中。你可以使用Object.keys(this.data).includes('count')来检查props的值是否存在于data对象中。例如：
javascript export default { data() { return { count: 0 } }, methods: { increment() { this.count++ } } }在这个例子中，
count的值确实存在于data对象中，所以当你尝试使用this.count时，就不会出现TypeError: Cannot read property 'count' of undefined的错误。
更多回答
网站公告
- 扫一扫访问手机版
回答动态
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题函数计算不同地域的是不能用内网吧？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题在ARMS如何申请加入公测呀？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的，这个init方法在哪里进行添加？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器刚到期，是不是就不能再导出存档了呢？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了，怎么办？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了，怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了，是什么情况？预计能赚取 0积分收益
- 回到顶部
- 回到顶部