vue 动态引入组件

动态引入组件

data: function () {
return {
component:null
}
},
init:(){
var componentname = “”;
if (this.sysname !== null && this.sysname !== ‘’ && this.sysname !== undefined && this.sysname.length>5 && this.sysname.indexOf(" ")==-1) {
//检查下要引入的组件对象是否存在，可以trycatch ,否则this.component 引入不存在的vue，页面会报错
try{
require(‘@/views/login/’+this.sysname + ‘.vue’);
this.component = () => import(‘@/views/login/’+this.sysname + ‘.vue’);
}.catch(error => {
console.log(error)
this.component = () => import(‘@/views/login/login.vue’);
}

}

vue 动态引入组件相关推荐

Vue3 父传子、使用 defineAsyncComponent 异步挂载组件、利用 is 动态引入组件
1.父组件 index.vue defineAsyncComponent 是 Vue3 的异步挂载 <template><div v-for="v in nav_items ...
vue动态引入外部CDN导致线上项目页面无法显示 - 看了不亏
vue动态引入外部CDN导致线上项目页面无法显示 - 看了不亏也不知道是什么原因?引用了几个远程的cdn文件,但是就是失效,cdn引入代码如下: cdn代码如下: <link rel=&quo ...
vue 动态设置组件高度_高度动态的Vue明星评分组件
vue 动态设置组件高度虚拟动态星级 (vue-dynamic-star-rating) A Highly Customizable, easy-to-use elegant stars ratin ...
关于vue 动态引入（异步加载import和require）组件的方法和坑（按需懒加载组件，动态生成路由）babel-plugin-dynamic-import-node 优化编译速度
前言: 最近在改造vue-cli 2.x + webpack2.x的项目时,由于之前路由是静态的,没有根据菜单权限动态生成前端路由.所以想对此进行改造,然后碰到了一些问题和坑,现在总结一下,避免以后继 ...
Vue动态引入JS文件
引入前请先: npm install jquery 正式代码: //动态引入JS文件 function loadJavaScript(src, callback) {let script_list=$ ...
[vue require动态引入组件、变量]
https://segmentfault.com/q/1010000037751212?utm_source=tag-newest
vue3 动态加载组件、动态引入组件
1.问题在做一个用vite构建的vue3项目时,动态拉取导入.vue页面,然后控制台一直有以下提示,页面也无法渲染出来. 2.分析根据上面的报错提示,让我们安装并使用:@rollup/plugin ...
vue动态全局组件配置自动配置全局组件
新建文件 _globals.js和 components-global 文件夹 _globals.js配置如下: import Vue from 'vue' const requireComponen ...
VUE动态路由组件懒加载解决方案
项目场景: 将项目静态路由替换成动态路由,通过后台数据拿到路由配置信息动态加载问题描述: 小编将路由信息与系统菜单信息存在一起,当登录后拿到菜单信息后同时处理路由数据,过程肯定不是那么一帆风顺的,下 ...
vue 动态引入第三方js和css
页面中经常会用到第三方库的情况,直接全局引入到html文件会造成资源浪费实现在需要的页面动态加载 /*** 动态加载css文件* @param {*} url* @param {*} isCache ...

vue 动态引入组件

vue 动态引入组件相关推荐

最新文章

热门文章