为什么vue <template>在v-bind:src中无效?

时间:2019-10-15 01:30:26

标签: javascript vue.js webpack vuejs2 vue-loader

我想动态切换html内容,因此我使用vue-loader src进行导入,但是v-bind:src根本不起作用。

<template src="./app.html"></template>

好,有效

<template :src="getDOM(true)"></template>

getDOM(a){
        if(a){
            return './app.html'
        } else {
            return './app2.html'
        }
}

未激活。

那么,我该怎么做才能达到这种效果?

1 个答案:

答案 0 :(得分:2)

似乎您需要使用Vue动态组件 https://vuejs.org/v2/guide/components.html#Dynamic-Components

您可以使用所需的不同模板制作几个组件,而只需更改is属性。不要忘记导入所需的组件并进行注册。