Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/404.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/sql-server-2005/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Vuejs在路由后加载js文件_Javascript_Vue Component_Vue Router - Fatal编程技术网

Javascript Vuejs在路由后加载js文件

Javascript Vuejs在路由后加载js文件,javascript,vue-component,vue-router,Javascript,Vue Component,Vue Router,我正在使用vuejs路由器构建一个单页应用程序。 路由器工作正常,但我想在路由到组件后加载特定的脚本 Smth类似: const Mine = { template: ' <div>Another</div>', load_script: <script src="/static/script.js"></script> } const-Mine={ 模板:“另一个”, 加载\u脚本: } 我怎样才能做到这一点 现在我有了htm

我正在使用vuejs路由器构建一个单页应用程序。 路由器工作正常,但我想在路由到组件后加载特定的脚本

Smth类似:

const Mine = {
    template: ' <div>Another</div>',
    load_script: <script src="/static/script.js"></script>
}
const-Mine={
模板:“另一个”,
加载\u脚本:
}
我怎样才能做到这一点

现在我有了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')
const-Mine={template:'other'}
常数路由=[
{路径:'/mine',组件:mine},
]
常量路由器=新的VueRouter({
路线,
})
const app=新的Vue({
路由器
}).$mount(“#路由”)

您可以在HTML模板本身中加载脚本,就像从HTML加载任何文件一样,您可以在模板中包含以下内容:

const Mine = {
    template: '<div> \
                  <script src="/static/script.js"></script> \
                   <div>Another</div> \
               </div>',    
}
const-Mine={
模板:'\
\
另一个\
',    
}

Smth奇怪的事情发生在我身上。甚至
const Bar={template:'FirstSecond'}
也不起作用。仅显示
第一个
不显示
第二个
。因此,只需执行示例中的脚本。不要看到另一个@Snobby尝试将
模板
块中的所有内容包装在一个div中,如下所示:
const Bar={template:'FirstSecond'}
使用
div
内部的
div很好,谢谢。但是这个技巧对
脚本
不起作用。所以
const Bar={template:'Firstconsole.log(“Hooray”)}
当然也不起作用,
const Bar={template:'Firstconsole.log(“Hooray”)}
只执行第一个标记。这个线程似乎建议Vue从模板中去掉标记()。