zg97zb的博客

web worker在vue.js中的使用

最近公司要做一个简单的小系统，要求要轻量，样式可替换并易于后期线上维护。经过一番激烈的讨论采用了freemark+vue.js+elementui进行开发。freemarker是一种类似与jsp的一种模板引擎，他不允许像jsp一样在视图层编写大量的逻辑代码。这样就能强制将mvc中的v分离出来。然后是vue+elementui这个组合一般都存在于vue-cli工程化场景中。但是这种工程化场景不适合我们后期的维护，因此选择通过cdn的方式引入项目。根据elementui官网的提示可以很快地创建一个d

首先高亮显示:highlight-current="true"// 或者highlight-current然后设置默认选中<el-select v-model="selectItem" placeholder="请选择" size="small" > <el-option> <el-tree :data="treeData" highlight-current default-expand-all node-key

坑1：当组件宽度变小时 时间部份被遮挡解决方法：.el-input--suffix .el-input__inner{ padding-right: 0;}最后效果：

1.导入vue-router.js文件npm install vue-router -D2.简单使用vue-router首先在src目录下创建router文件夹，并创建一个index.js文件在index.js文件中实例化一个routerimport Vue from 'vue'import vueRouter from 'vue-router'Vue.use(vueRouter)let routes = [ { path:'/', .

Failed to mount component: template or render function not defined.解决方案：在import时导入完整后缀名

在进行网络请求时，通常不希望用户对界面进行交互，并且提示用户客户端正在网络请求。所以需要有一个东西来阻止交互并且提示用户正在请求网络。于是乎有了以下玩意。。。我的目录结构：1.安装element-uicnpm i element-ui -S2.在main.js中引用elementuiimport ElementUI from 'element-ui'import 'element-ui/lib/theme-chalk/index.css'3.封装loading首先创建一