如何在Vue中加载外部html作为模板或x-template?

由于Vue允许使用x-template作为组件的模板,所以我想知道如何导入外部html,如javascript,而不是在x-template标签中内联写所有模板html?

例如,如果我在index.html中写下这样的内容。

index.html

<script type="text/x-template" id="user-data-editor">
    <div class="user-data-editor">
        <button>Click</button>
    </div>
</script>

在Vue组件中可以用 template:"#user-data-editor"

但当我试图将这些html写到另一个文件中时,比如。

user-data-editor.html

<div class="user-data-editor">
    <button>Click</button>
</div>

并尝试将其用于 索引.html 喜欢。

<script type="text/x-template" id="user-data-editor" src="user-data-editor.html"></script>

它将停止工作。我不知道哪里是错的?谅谅

解决方案:

就像tianzhipeng说的,你不能用<script&gt加载一个不是javascript文件的脚本。

要加载其他的mime类型,你必须使用webpack和一些加载器。

请看 使用es6模板字符串加载器导入html文件。

给TA打赏
共{{data.count}}人
人已打赏
未分类

将Google Analytics添加到不同环境的Angular 5项目中。

2022-9-8 23:06:38

未分类

从TreeView拖动事件时,整个页面向右滚动(scheduleexternal-drag-drop)。

2022-9-8 23:06:40

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索