Javascript VueJS路由器:$未定义路由
这是我的组件:Javascript VueJS路由器:$未定义路由,javascript,vue.js,vuejs2,vue-component,vue-router,Javascript,Vue.js,Vuejs2,Vue Component,Vue Router,这是我的组件: const Vue=require(“Vue/dist/Vue.js”); 常量qs=要求(“查询字符串”); module.exports=Vue.component(“页面”,函数(解析){ 控制台日志($route); 设id=this.$route.params.id; 获取(“/getPage.json”{ 方法:“张贴”, 正文:qs.stringify({ 身份证件 }) }).then(r=>r.json()) .然后(j=>{ 控制台日志(j); 决心({ 模
const Vue=require(“Vue/dist/Vue.js”);
常量qs=要求(“查询字符串”);
module.exports=Vue.component(“页面”,函数(解析){
控制台日志($route);
设id=this.$route.params.id;
获取(“/getPage.json”{
方法:“张贴”,
正文:qs.stringify({
身份证件
})
}).then(r=>r.json())
.然后(j=>{
控制台日志(j);
决心({
模板:`+JSON.stringify(j)+“”
});
})
});在主vue应用程序中编写代码>
new Vue(...)
您必须先使用vue路由器
import Vue from 'vue'
import VueRouter from 'vue-router'
Vue.use(VueRouter)
...
new Vue(...)
...
并且继续执行路由声明您忘记在Vue
实例中添加router
在main.js或app.js或index.js(入口点)中
您不应该使用箭头功能
data: function() {
return {
usertype: this.$route.params.type
};
},
这对我很有用。我正在使用Vue.use(VueRouter)
。
data: function() {
return {
usertype: this.$route.params.type
};
},