vue.js - 访问从 props Vue.js 创建的数据

Question

我无法从创建函数中的道具访问数据。如您在下面的代码中所见，它在方法中工作正常。

它的工作方法如下所示

export default {
    props: ['projectId'],
    data() {
        return {
            elements: []
        }
    },
    created() {
        axios.get(`api/projects/${this.projectId}/elements`).then(response => {
           this.elements = response.data.data
        });
    },
    methods: {
        addingElement(element) {
            alert(this.projectId);
        }
    }
}

父模板

<add-project-element :projectId="project.id"></add-project-element>

谢谢

标签： vue.jsvuejs2vue-componentprop

Answer 1

<add-project-element :projectId="project.id"></add-project-element>必须

<add-project-element :project-id="project.id"></add-project-element>

HTML 属性名称不区分大小写。任何大写字符都将被解释为小写。所以camelCased 道具名称需要使用他们的kebab-cases 等价物。