Vuejs2 使用可选参数/可选道具创建组件
我正在尝试创建我自己的第一个组件,并希望有一个简单的解决方案如何创建可选参数,所以我指的是可以使用但不需要使用的参数 我可以决定使用哪一种Vuejs2 使用可选参数/可选道具创建组件,vuejs2,vue-component,Vuejs2,Vue Component,我正在尝试创建我自己的第一个组件,并希望有一个简单的解决方案如何创建可选参数,所以我指的是可以使用但不需要使用的参数 我可以决定使用哪一种 <my component :name="name" :description="description"> 或者仅仅 <my component :name="name"> 因此,在我看来,我只想定期导入组件“我的组件”。 我的组件应该是什么样子 我试过这样的方
<my component :name="name" :description="description">
或者仅仅
<my component :name="name">
因此,在我看来,我只想定期导入组件“我的组件”。
我的组件应该是什么样子
我试过这样的方法:
<template>
<input
:id="name"
:name="name"
type="text"
:description="description"
/>
</template>
<script>
export default {
name: "adsInputText",
props: {
name: String,
description: null
},
</script>
导出默认值{
名称:“adsInputText”,
道具:{
名称:String,
描述:空
},
这只是我的问题的一个简化抽象。我已经尝试了几个变体,但就是不能正确地理解它
你知道一个简单的方法吗
非常感谢
Matthias如果您希望添加可选道具,则应指明类型,并可能希望为其添加默认值:
props: {
name: String,
description: {
type: String,
default: null
}
},
这样,如果您在使用组件时未指示description
prop,您将从this.description
获得null
,而不是未定义的