懒加载
路由: {
path: '/report',
name: 'report',
component: resolve => require(['./reportMonitoring/index.vue'], resolve) // 懒加载
}]
组件:
components: {
caseDistribute: resolve => require(['./subComponents/caseDistribute'], resolve), // 懒加载
}
Vue :src 绑定绑定的图片目录须放在static目录,否则不是显示图片
Vue 全局事件监听(跨组件)
that.$event.$emit('changeId',data.casePhaseId)
this.$event.$on('changeId',(val)=>{
that.activeName=val
})
},
Vue.prototype.$event = new Vue()
如果出现Do not use built-in or reserved HTML elements as component id警告:
处理方式这样的报错原因是因为在App.vue父组件里有标签,有重名了。所以要把原来的标签名换掉,例:。这里尽量不要设置为component。
这样的报错还有一个点就是,在子组件里使用console.log(msg)。在控制台是接收不到父组件的参数的。控制台会显示:undefault