无法更改vue-form-wizard属性
无法更改vue-form-wizard属性
提问于 2020-10-02 01:34:29
我正在使用Laravel和VueJs来创建一个新的应用程序，我已经安装了vue- form -wizard来创建一个多步骤表单，但是，我不能更改该表单的道具。
例如，我试图将按钮“下一步”更改为“下一步”，但到目前为止还不起作用：
到目前为止，这是我的组件：
form.vue
<template>
<form-wizard @on-complete="onComplete">
<h2 slot="title"></h2>
<tab-content title="step1" icon="fas fa-info" >
step 1
</tab-content>
<tab-content title="step2" icon="far fa-file-alt">
step 2
</tab-content>
<tab-content title="step3" icon="fas fa-paint-brush">
step 3
</tab-content>
<tab-content title="step4" icon="fas fa-drum-steelpan">
step 4
</tab-content>
</form-wizard>
</template>
<script>
import { FormWizard, TabContent } from "vue-form-wizard";
import "vue-form-wizard/dist/vue-form-wizard.min.css";
export default {
props: {
nextButtonText: {
type: String,
default: 'The next step'
}
},
methods: {
onComplete: function () {
alert("Yay. Done!");
},
},
};
</script>对此有什么建议吗？
回答 1
Stack Overflow用户
发布于 2020-10-02 01:51:19
Noob警报：
忘记在表单向导标签上设置道具。就像这样解决：
<form-wizard
@on-complete="onComplete"
:title="null"
:subtitle="null"
nextButtonText="The Next Step"
>完成了！
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/64160501
复制相关文章
相似问题
腾讯云开发者
