在Vue框架中使用layui

注意用npm下载layui后import是无效的

首先把layui整个文件包放入Vue的public文件夹中

在public文件夹下的index.html中引入layui

  <link rel="stylesheet" href="./layui/css/layui.css">
  <script src="./layui/layui.js"></script>

随后在vue文件中dom加载完成之后使用layui

export default {
  name: 'app',
  components: {
    HelloWorld
  },
  mounted () {
    layui.use('form', function () {
      var form = layui.form;

      form.on('submit(demo1)', function (data) {
        layer.alert(JSON.stringify(data.field), {
          title: '最终的提交信息'
        })
        return false;
      });
    });
  }
}