文件上传组件
单个文件上传 单个文件上传直接参照官方文档进行,但要删除多余的属性和事件 <template> <div> <el-upload action="接口地址" :on-success="success" :on-error="error" name="fileName" > <el-button size="…
模拟alter弹窗
this.$message({ message: response.data.msg, type: 'error' //success/info/warning/error }); this.$alert('已经是最后一题', '操作提示', { confirmButtonText: '确定' }); 固定message信息提示的位置 <st…
打包后图标消失
方法一 在build文件下的utils.js中配置 if (options.extract) { return ExtractTextPlugin.extract({ use: loaders, fallback: 'vue-style-loader', publicPath: '../../' }) } else { return ['vue-s…
表格删除当前行
删除当前就是删除tableData数组里的一项.用splice方法即可,其实ELementUi文档里面就有这样的例子 <template scope="scope"> <el-button @click.native.prevent="deleteRow(scope.$index,tableDate)" type="text" s…
多级联动自定义传参
<el-cascader :options="options" :props="props" @change="handleChange"> </el-cascader> //多级联动 options: [{ value: 'zhinan', label: '指南', children: [{ value: …
withCredentials
定义 withCredentials 属性是一个Boolean类型,它指示了是否该使用类似cookies,authorization,headers(头部授权)或者TLS客户端证书这一类资格证书来创建一个跨站点访问控制(cross-site Access-Control)请求。在同一个站点下使用withCredentials属性是无效的。此外,这个…
Vue实现懒加载
前端优化思路在海量数据中渲染中,前端在初始化拿到数据的后,只对少量数据进行渲染.监听滚动轴的位置,使其到达一定高度后,再渲染后面的部分数据 <template> <div> <ul> <li v-for="(item,index) in data">{{data}}</li> </u…
Vue配置本地代理
基于 vue-cli 2.0 module.exports = { dev:{ assetsSubDirectory: 'static', assetsPublicPath: '/', proxyTable:{ '/scoket': { target: 'xxx', changeOrigin: true, secure: false, pathRe…
Vue路由传参
// 传参 this.$router.push({ name:"ExamChange", params:{ routeParams: xxx } }) // 接收参数 this.$route.params.routeParams vue获取url参数 this.$route.query."url后缀的参数名"
Vue打开新窗口被拦截
/**解决浏览器拦截窗口,先打开空白窗口在乡该窗口的location中赋值*/ let tempPage = window.open("","_blank"); let routerUrl = this.$router.resolve({ name:"路由的name", query:{"查询参数"} }) tempPage.location = r…