n_2021的博客

原创 vue echarts 中国地图处理南海诸岛为简图

=访问这个网址，进入下图页面，选择图中标记的按钮，下载成功后的json文件为中文名称，将其改名为china.json。问题原因在于地图注册的时候，China的首字母大写，改成小写，就会出现缩略图。json文件中，删掉下面所示代码。

原创 vue-countupjs大屏数字滚动效果

【代码】vue-countupjs大屏数字滚动效果。

原创 笔记：css控制背景图片呼吸样式、闪烁样式

【代码】笔记：css控制背景图片呼吸样式、闪烁样式。

原创 vue+antdsign 使用vue-awesome-swiper的coverflow效果笔记

项目使用的vue-awesome-swiper版本为3.1.3，vue-awesome-swiper还需要搭配swiper使用，swiper的版本依据vue-awesome-swiper依赖中swiper.vue的注释来引入。，会导致接口已经返回图片信息，但是页面上没有渲染出图片的问题，所以标签添加。2）由于需调用后端接口返回数据，与swiper的渲染存在。，即标签中不可有scope；1）swiper的样式要设置为。，控制swiper渲染的时机。

原创 el-table最多3列排序，调用后端接口

如下图，红色框内可同时进行排序，绿色框只能按某一列进行排序。红色框的排序条件与绿色框的排序条件可并存，即最多按3列排序。

原创 input输入框readonly与clearable不共存，但是又同时需要两者

input输入框readonly与clearable不共存，但是又同时需要两者

原创 前端：blob转换为图片URL，但是图片不显示

vue页面包含有轮播图、tab切换。轮播图的图片接口返回的是blob类型数据，js里也将blob处理成url地址赋值给图片的src了，但是首页就是不显示图片，此时触发tab切换时，轮播图的图片立马显示。tab切换与轮播图是不同的div...

原创 el-tree没有复选框时，默认选中高亮节点并展开展开

el-tree没有复选框时，默认选中高亮节点并展开展开——current-node-key和setCurrentKey方法同时使用才会达到效果

原创 form表单rules中解决数字非必填函数

笔记：rules: { consumeSteam: [ { required: false, type: 'number', message: '蒸汽用量必须为数字', trigger:'blur', transform(value) { // 用于解决数字非必填函数。 // 若是没有该函数，该字段会在表单提交时候进行触发（造成必填字段） if (value

原创 el-table固定多列，造成固定列表头与多级表头错位

笔记：问题：由于表头存在部分多级表头，且单极表头设置为固定列，造成固定列表头错位解决方法：下图中红框的两处同时添加，少一处都不生效

原创 笔记：根据情况判断是否需要表单校验

原创 this.$prompt弹框：input必填时，message添加必填*前缀

原创 前端取键值对中的中文键

for (const key in that.form) { // 取中文项 let re = /^[\u4e00-\u9fa5]+$/; if (re.test(key)){ that.columnList.push(key) } }

原创 表单修改时，未编辑信息，点击保存按钮，提示“未进行数据修改”，不走保存接口

笔记：当打开表单弹框时，先获取了数据详情内容并赋值给dialogData，此时this.count的值变为1。这时，如果编辑了表单内容，this.count是大于1的值；不编辑则为1

原创 element-动态数据v-for循环的表单校验

做笔记用教训总结：红色：必备；且下方两个红框的columnName要一样黄色：绑定值必须是对象！不能是数组，不然报错！！！绿色是数组:rules="rules.columnName"不要忘了...