如何使on select下拉菜单隐藏和显示vue js表单向导选项卡？

Question

我已经使用vue js制作了一个表单向导，但在第五步中，我想选择下拉菜单到middl步骤，例如第三和第四步使用索引进行隐藏和显示。

查看此插件：https://cristijora.github.io/vue-form-wizard/#/?id=methods

当选择hide时：

然后选择show：

/**
 * Creates a new profile entity.
 *
 * @Route("/new", name="profile_new")
 */
public function newProfileAction(Request $request)
{

Answer 1

首先将选项值添加为包装器组件data中的myVal。

您可以使用条件渲染。 docs

v-if="myVal === 'hide'"

指令以隐藏和显示元素。

对于样式，我们可以添加

.tab-container {
   display:flex,
   justify-content: space-between
}