Question

我有一个html部分（来自服务），其中包含vue组件，然后当我将其插入页面（单击按钮时）时，其中的组件没有显示（呈现）。

这是单击按钮时插入的html。

<section class="flex items-center md:w-11/12 xl:w-9/12 mx-auto">
    <div class="px-10 w-1/2 flex flex-col">
        <h1 class="text-gray-400 mb-3 font-bold capitalize">
            <customize-text :content="{inner_text: 'We Design Web'}"></customize-text>
        </h1>
        <h1 class="text-2xl">
            <customize-text :content="{inner_text: 'Even the all-powerful Pointing has....'}"></customize-text>
        </h1>
    </div>
</section>

预先感谢

Answer 1

在我看来，您正在尝试在运行时而不是在构建时编译该组件。为此，您需要vue-runtime-compiler。

Vue通常在构建时进行编译。这意味着下面的模板

<template>
  <div>Hello World!</div>
</template>

将由npm run build在构建时编译为以下脚本

new Vue({
  render (h) {
    return h('div', 'Hello World!')
  }
})

如果希望客户端/浏览器能够对其进行编译，则必须使用vue-runtime-compiler。

看看Vue文档。具体在这里：https://it.vuejs.org/v2/guide/installation.html#Runtime-Compiler-vs-Runtime-only

动态添加的vue组件未呈现

1 个答案: