- 博客(12)
- 收藏
- 关注
RSS订阅原创 node.js加vue项目中proxy代理
vue-cli4以上的脚手架创建的项目，在项目根目录创建vue.config.js:const path = require('path')const resolve = dir => path.join(__dirname, dir)module.exports = { // publicPath: './', // outputDir: 'dist', // 打包后生成文件的目录名称 // // 用于放置生成的静态资源 (js、css、img、fonts) 的；（项目打包之后，静
2022-01-04 18:28:58
761
原创 根据后台给的时区与时间戳转换时区与时间
我们从后台拿到时区与时间戳，要转换为对应的时区时间。可以在全局过滤器中写一个方法：export function getLocalTime(i,time){ // i为传入的时区，东八区传8，东七传7 // time为传入的时间戳,如1619712000000，这两都是从后台拿到的数据 // 如果需要当前的时间戳（1970年一月一日到现在的秒数） // let date = new Date().getTime() // 得到本地时间与GMT时间的时间偏移差 let o
2021-11-30 16:35:21
1707
原创 vue-cli4 的项目使用sass全局变量的流程。
1.我们想要使用sass的全局变量，例如：// _variable.scss文件$blue: #fff;// about.vue<style scoped> @import '@/src/assets/scss/_variable.scss' // 引入有变量的文件 此时就可以直接使用： div{ background-color: $blue; }</style>但是在每一个需要使用全局变量的vue文件中都要引入，显然是效率不高的，于是我们做成全局变量，
2021-11-22 15:48:59
1117
原创 Vue Cannot read properties of null (reading ‘setAttribute‘) 报错
vue+element-ui 的项目报这个错：Cannot read properties of null (reading 'setAttribute') 或者Cannot read property 'disabled' of null 报错是因为我们使用了element的组件 <el-dropdown> </el-dropdown> 却没有使用它的子组件而报错， 加上子组件就好了： <el-dropdown> .
2021-11-05 14:37:40
11115
6
原创 vue_elementui 表格渲染小bug
vue报错Error in render: "TypeError: Cannot read property ‘name’ of undefined"当在vue中遇到这种错时，就意味着你使用了三层对象 a.b.c （或a[b].c）例如： {{ obj[scope.row.appId].appName }}<my-table :data="list" :pagination.sync="pagination" :selection.sy
2021-11-04 11:21:02
312
原创 vue+element-ui 中动态表单的校验（遍历出来的el-form-item）
vue+element-ui 中动态表单的校验（遍历出来的el-form-item）我们在使用el-form时，有时候一些表单项el-form-item的数量是不固定的，是通过遍历出来的，数据data里有多少个对象，就会有多少个el-form-item,这时候我们的表单验证用文档中的方法是行不通的。解决方法：在图片中的el-form-item中，有多少个取决于systemData数组的长度,而这时候每一个item都要求检验，这时prop需要动态绑定，"name[${index}]" =>
2021-11-02 18:02:28
2487
1
原创 前端想要把后端接口的字段名改成自己想要的，可以使用以下两种方法！！！！
第一种：this.roleDatas = JSON.parse(JSON.stringify(this.roleDatas).replace(/appName/g,'roleName'))this.roleDatas 是接口拿到的数据,数据结构为数组对象，先深拷贝，再用replace属性全局替换，把this.roleDatas里的appName字段名换成roleName。如果页面有两处地方用到appName，字段名改变会造成影响，解决办法就是替换以后把整个数组给到别的数据中而不是自己本身，在da
2021-10-28 16:05:18
2826
1
原创 2021-10-25 element from表单循环中的检验
vue项目 form表单校验，如果el-form-item是需要遍历出来的，并且每一个都需要校验，那 :prop 为：title和content为各自的属性，${item}为遍历出来的，languaValue是一个数组，值为数字，所以:props为title[0],title[1],同时检验要写在el-form-item中。2.input框检验如果要求只能输入数字数字类型的验证需要在 v-model 处加上 .number 的修饰符，这是 Vue 自身提供的用于将绑定值转化为 number 类型的
2021-10-25 11:19:08
185
原创 2021-10-25 前端移动端ios兼容
ios10以上不支持meta标签，所以不做兼容的话，在ios的safari浏览器上页面可以缩放，导致有些按钮失控，video视频播放不了，所以要做兼容 禁止用户缩放，以下是代码（jq项目，vue项目没试过）。在js文件中加入以下代码：// 这一段代码在iOS10以上禁止用户对页面缩小放大，因为ios10不支持meta标签// 阻止双击放大var lastTouchEnd = 0;document.addEventListener(‘touchstart’, function (event) {i
2021-10-25 10:52:22
207
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人