Question

我正在使用vuejs路由器构建单页应用。路由器运行良好，但我希望在路由到组件后加载特定的脚本。

Smth喜欢：

const Mine = {
    template: ' <div>Another</div>',
    load_script: <script src="/static/script.js"></script>
}

我怎样才能做到这一点？

现在我在html中有当前的阻止：

<div id="routing">
  <router-view></router-view>
</div>

这是在js：

const Mine = {template: ' <div>Another</div>'}

const routes = [
    { path: '/mine', component: Mine },
]

const router = new VueRouter({
    routes,
})

const app = new Vue({
    router
}).$mount('#routing')

Answer 1

您可以在HTML模板中加载脚本，因为它是从HTML加载任何文件，您可以在模板中使用以下内容：

const Mine = {
    template: '<div> \
                  <script src="/static/script.js"></script> \
                   <div>Another</div> \
               </div>',    
}

路由后Vuejs加载js文件

1 个答案: