我有一个按钮组件，它呈现一个nuxt链接或一个按钮，这取决于你是否提供了一些属性，比如to或type.
<div class="Btn">
<component
:class="['Btn__button', createAppearanceClasses]"
v-on:click="click"
:disabled="disabled"
:is="type"
:to="to"
:href="external ? to : false"
:target="target"
:type="buttonType"
>
<slot />
</component>
</div>
(type是一个计算(computed)属性，用于返回内部链接的nuxt-link，如果是外部链接，则返回a标记，如果这些属性未定义，则返回button)
现在，我们有时会呈现一些打开模式或提交的按钮.在这里，我们不传递任何类型或属性:
<Btn :class="'FlexContent__button'"
:appearance="['rounded-corners']"
v-on:click.native="openOverlay"
>
{{ component.text }}
</Btn>
在呈现的HTML中，我得到:
<button disabled to="" target="" type="" class="Btn__button Btn__button--rounded-corners">
如果我验证了这一点，我会得到关于这些空属性的错误:
如果我有一个传递给Btn组件的实际值，我如何才能呈现属性to=""？
我在想这样的事情，但这不起作用:
提前感谢您的提示.
干杯