Question

我尝试使用vue.js和扩展程序vue-router创建应用程序，因此在我的主HTML页面中我有：

<router-view v-transition="test" transition-mode="out-in"></router-view>

但后来我收到了错误

Attribute v-transition is ignored on component router-view because the component is a fragment instance.

对于我使用vueify的组件，它看起来像这样：

<template>
    <nav>
        <div class="blabla">
            blabla
        </div>
    </nav>
    <div>
        second div
    </div>
</template>

<script>
    module.exports = {
        data: function() {
            return {}
        }
    }
</script>

您知道如何使用vue-router向我的组件添加转换和道具吗？

Answer 1

我不知道组件需要是一个独特的div。所以我把它包装在一个独特的div中并且它正在工作。

<template>
    <div> <!-- this is important -->
        <nav>
            <div class="blabla">
                blabla
            </div>
        </nav>
        <div>
            second div
        </div>
    </div>
</template>

vue 1.0中的transition的v-transition更改。

当组件是片段视图时添加道具和转换

1 个答案: