Question

所以我正在做一个简单的步进器。我的结构如下：

<stepper :steps="steps">
    <template slot="stepper:step">
        <div class="">
            {{ first }}
        </div>
    </template>
    <template slot="stepper:step">
        <div class="">
            {{ second }}
        </div>
    </template>
</stepper>

export default {
    data: () => ({
        steps: [
            { name: 'First step' },
            { name: 'second step' },
        ],
        first: 'First content',
        second 'second content',
    })
}

我的步进器是这样的：https://gist.github.com/natecorkish/81e22edb9e41348e579b705c3a4d3e54

我的步骤是这样的：https://gist.github.com/natecorkish/45108d046ddc7d116110c973b608a774

现在，呈现内容时我会犯错误：

vue.runtime.esm.js？2b0e：1888 TypeError：将圆形结构转换为JSON ->从具有构造函数'Object'的对象开始 ---属性“ _renderProxy”关闭了圈子在JSON.stringify（）

我尝试过VueJS Render VNode，但这仅呈现了我的几个div /输入。那么，从我的代码来看，我该如何解决？

使用相同的插槽名称动态渲染组件

0 个答案: