vue中使用layui

这里 我在index.html 中直接加载了线上的layui

 

configureWebpack: config => {
      config.externals = {
        layui: "window.layui",
      }
  },

在 vue.config.js  中这样写  大概是让vue 加载这个对象吧   

router.beforeEach((to, from, next) => {

  console.log(to,from);

  layui.use(["table", "laydate", "tree"], function() { 

    Vue.prototype.$layui = layui;

    next();

  })

})

这里利用路由拦截  把layui的对象扩展到vue 的对象 

layui.use  没有找到同步的方法  0感觉这种方式不太好   但是目前没有其他的方法 暂时先这样 

 

在执行render 之前要 this.$nextTick(() => {}  不然会找不到dom

this.$layui.laydate.render({})

如果封装了 组件的话 要传不同id