检查数据/prop是否通过?

Question

我得到了一个组件，我在一些数据传递。我想检查一下"title"是否传递，并有条件地设置其值。当它现在工作时，i传递的值只是覆盖。我该怎么做呢?

<Meta title="test" />

组件

<template>
<vue-headful
:title="this.title"
/>
</template>
<script>
import vueHeadful from "vue-headful";
export default {
name: "Meta",
components: { vueHeadful },
data() {
return {
title: "default val"
};
}
};

Answer 1

在你的Meta组件中你不是在定义prop，而是在data中定义一个变量。您应该从数据中删除标题，并添加一个prop:

props: 
{title: {
type: String,
default: 'default val'
}},

参见props文档

您也不需要在模板中title之前使用this.。<vue-headful :title="title" />就足够了。