vue.js 单页面组件如何传递参数给组件内js使用,props只能在template里使用吗?

您好,我的疑问是,我写了一个组件,这个组件里的js部分变量我想让引用的人来定义,我使用prop定义的变量只能在template中使用,在js里就变成了undefined;

例如:这里的 courseid,我想让引用组建的人来定义

import a from 'a.vue';
let v = new Vue({
    el: '.a',
    components: {
        'vuetemp': a
    }
    
    // 这里的props,不能被组件里的js使用
});

a.vue

<template>
    <div>
        {{msg}}
    </div>
</template>
<style>

</style>
<script>
    //getData的定义
    // ...........

    
    default {
        data(){
            return {
                msg: 'demo'
            }
        },
        methods: {
            getCourseList() {
                // 这里的courseId 我如何通过this拿到呢?
                // 用props在控制台可以看到参数的存在,也有值,但是使用就是undefined
                getData(courseId);
            }
        }
    }
</script>

多谢各位大大的关注。

回答:

解决了吗?我也遇到这个问题。

暂无评论

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注