Javascript Vue.js-如何将数据传递到组件?
view.blade.php:Javascript Vue.js-如何将数据传递到组件?,javascript,laravel-5,vue.js,vuejs2,vue-component,Javascript,Laravel 5,Vue.js,Vuejs2,Vue Component,view.blade.php: <div id="dashboard"> <calendar someattr="xxx"></calendar> <calendar someattr="yyy"></calendar> </div> Calendar.vue: <template> ... some code ... </template&g
<div id="dashboard">
<calendar someattr="xxx"></calendar>
<calendar someattr="yyy"></calendar>
</div>
Calendar.vue:
<template>
... some code ...
</template>
<script>
export default {
props: ['someattr'],
methods: {
fetchEvents() {
//HERE
}
}
}
</script>
... 一些代码。。。
导出默认值{
道具:['someattr'],
方法:{
fetchEvents(){
//这里
}
}
}
问题是:如何在fetchEvents方法中获取组件内部的属性“someattr”值?就像这样
<template>
... some code ...
</template>
<script>
export default {
props: ['someattr'],
methods: {
fetchEvents() {
console.log(this.someattr)
}
}
}
</script>
... 一些代码。。。
导出默认值{
道具:['someattr'],
方法:{
fetchEvents(){
console.log(this.someattr)
}
}
}
谢谢你的回答。但如果这是一个如此简单的方法,我就不会问这样的问题:)this.someattr==unfinefined实际上我重新检查了所有的东西,真遗憾,所有的东西都在工作。我不知道是谁否决了这个答案,不是我:)@Aleksandrs无论如何谢谢:)
<template>
... some code ...
</template>
<script>
export default {
props: ['someattr'],
methods: {
fetchEvents() {
console.log(this.someattr)
}
}
}
</script>