问题1:针对于echarts 在轮播样式为display:none;为基础的切换形式(例如layui) 除初始化第一个为正常显示
其余皆紧缩在一起
问题1解决办法:
1.开局设置其余需轮播子块的宽高
2.使用element轮播 仅限于 vue react angular
问题2:针对element 样式覆盖
问题2解决办法
.el-main /deep/ .el-aside{********}
问题3:针对于 layui carousel 轮播组件 页面正中显示loading
问题3解决办法:
对 carousel-item 的伪类before样式覆盖.layui-carousel>[carousel-item]:before{content: “”!important;}
问题4:针对于使用sass进行css样式编译 安装node-sass sass-loader style-loader 编译报错this.getResolve is not a function
问题4解决办法:
package.json降低sass-loader的版本 重新安装
问题5:vue npm run dev 编译速度卡顿 消耗时间太长 vue-cli2脚手架生成
问题5解决办法:
1.开启uglifyjs-webpack-plugin的cache cache 为true -----webpack.prod.conf.js
2.babel-loader 设置 exclude:/(node_modules)/ -----设置babel编译不包括node_modules(webpack.base.conf.js)
3.eslintignore 忽略文件
4.模块热加载HMR代替hotReload (vue-loader.conf.js)
问题6:vue自定义指令及使用
import Vue from ‘vue’
Vue.directive(“wh”,{
bind(el,binding,vnode,oldNode){
el:指令绑定的元素
binding:object,{name:指令名,value:指令绑定值,oldVlaue:指令绑定前一个值,expression:字符串形式指令表达式,arg:传给指令的参数,modifiers:一个包含修饰符的对象}
vnode:vue编译生成的虚拟的节点
oldVnode:上一个虚拟节点
除el外 其余为只读数据 如果需要共享数据 使用dataset
}
})
需绑定制定的元素绑定 v-wh 即可
问题7:
高德地图3d效果显示
viewMode:3d
拉伸距离:zoom:100,
倾斜角度:pitch:40 0-83
使用 示例 为 vue-amap
<el-amap
ref=“map”
vid=“amapDemo”
:center=“center”
:zoom=“zoom”
class=“amap-demo”
:pitch=“pitch”
:viewMode=“viewMode”
style=“opacity:.5;margin:30px 0 0 0”
问题8: vue webpack打包编译后 字体样式由于转码多出斜杠不生效
问题8解决办法:
换成英文格式的字体类型
问题9:element ui table数据导出为excel格111式 报错createObjectURL
问题9解决办法
file-saver 降版本
问题10:element 分页 total默认显示修改 (共1000条)
问题10解决办法
document.getElementsByClassName(
“el-pagination__total”
)[0].innerHTML = 共计:<span style="color:#0079FE;">${this.total}</span>条查询结果
;
可封装为公共插件哪里需要哪里调用
问题11:自写table切换样式添加
问题11:解决办法
自定义时间传参 当前index
自定义属性activeClass
绑定属性 :class activeClass == “index ? “默认样式+激活样式” :"默认定义“”
自定义事件接收参数index this.activeClass = index
需切换div v-show activeClass === 0 ? true : false 0代表对应索引显示 如果为循环生成即为对应index