![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端Vue
张长长
温和而坚定,心无旁骛
展开
-
Vue去掉线上的console.log,简单的方法
看了用vue cli设置,试了一下也没起作用。就想了别的不成熟的方法来解决。在util里写一个控制console的函数 let env = 'pro';//设置全局的console是否生效的条件,开发情况下允许consolefunction selfLog (x){ if(env === 'dev'){ console.log(x) } } ...原创 2020-01-21 16:43:49 · 3185 阅读 · 0 评论 -
ElementUI Table 全部数据前端排序,最详细解决方法!
前端只排当前页的原因:table bind的data不是完整的dataList,所以排序只排当前页. <el-table :data="dataList.slice((this.currentPage - 1) * this.pageSize, this.currentPage * this.pageSize)" .....解决方法:使用table的sort-change方法前端...原创 2019-12-24 19:00:38 · 9108 阅读 · 15 评论 -
Vue中elementUI样式无法修改的问题
最主要的是设置了scope的原因!!!最直接的方法:去掉scoped,给当前组件一个设置一个最外层的容器class设成唯一的。在写样式的时候把目标ele写在容器下面,这样即使不设置scoped也不会污染全局。<template> <div class="compareCon"> 。。。 </div></tem...原创 2019-10-15 11:31:00 · 647 阅读 · 0 评论 -
element UI 表格样式动态设置以及排序响应
1.根据表格的属性设置对应的样式我想要根据某一个属性设置对应的颜色样式,所以在elementUI给的“带状态表格”基础上改成如下的//html部分:<el-table-column prop="autoStatus" sortable @sortChange="tableRowClassName" label="Status"> <templ...原创 2019-06-01 18:31:52 · 2762 阅读 · 0 评论 -
Vue fetch 本地跨域调试接口
根据https://www.jianshu.com/p/489a627d4ba3?a=1&b=1,封装fetch方法。//前置拼接urllet api = '/mock';//这里的api等于你在config.js定义的跨域设置// //处理promise和fetch的兼容性以及引入// require('es6-promise').polyfill();// requir...原创 2019-07-09 18:37:02 · 1260 阅读 · 0 评论 -
Vue table 从接口拿数据并根据select的选择改变table的内容
根据下拉菜单里的内容动态获得tabel里的内容:select and tabel:<select v-model="page" id="" style="margin-left:20px"> <option v-for="item in pageList">{{item}}</option></select> ...原创 2019-07-09 19:12:43 · 1990 阅读 · 0 评论 -
Vue遇见的各种小坑和知识点
1.Vue运行,出现warning(Emitted value instead of an instance of Error)用Element UI的一些元素做分v-for时:如<el-input v-for="">,会报上面的错,给绑定一个key值就可以正常使用了==》<el-input v-for="item in itemList" :key="item....原创 2019-07-18 17:17:49 · 235 阅读 · 0 评论