- 博客(32)
- 收藏
- 关注
原创 element的form表单使用
通过form的rules验证<el-form :model="ruleForm" status-icon :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm"> <el-form-item label="密码" prop="name"> <el-input type="username" v-model="ruleForm.name" autocomplete="off"
2022-05-26 10:57:25 605
原创 封装axios
1.新建文件夹1. 在根目录创建 utils 文件夹2. 创建 request 文件3. 在 request 里引入 axios4. 配置 基本路径和超时时间5. 配置请求拦截和响应拦截6. 新建api文件夹做导出。2.引入axios封装import axios form 'axios';import ElementUI from "element-ui";在main.js文件里面axios.interceptors.request.use((request) =>
2022-05-26 10:38:55 101
原创 vue下载Excel表格
开发中遇到需求要下载excel表格,由后台返回excel表格文件流。//调用接口获取axios.request({ method: "post", url: '/release/goodsListVo', responseType: "blob", params: sign,}).then(function (response) { //获取到接口返回的excel文件流,通过downloadElement进行处理
2022-05-25 14:19:41 350
原创 vue的router与route区别
this.$route是当前激活的路由对象,包含了当前的路由信息。this.$router是返回全局路由器对象。
2022-05-23 14:32:08 105
原创 一些网络协议问题
http与https的区别http是现在比较广泛使用的一种网络协议,但是http携带传递的数据是明文传输的。这就造成了一些数据传递的安全问题。https简单来说就是http的升级版,就是在http层下加入了SSL层。SSL是用来加密一些详细内容的。区别:http传递数据明文传输,不安全。https加密数据传输,安全。UDP和TCP的认识UDP(用户数据报协议)也是一种广泛使用的网络协议,UDP是无连接的它在两方之间不会预先连接。UDP的传输是可以一对多来进行传输,但是不确保数据可以.
2022-05-21 13:54:48 213
原创 页面平移添加动画
如果不添加smooth的话,点击移动的时候就是瞬间跳转体验就不太好。可以添加behavior的平移效果,添加属性smooth (平滑滚动)、instant(瞬间滚动)。window.scrollTo({ top: this.$refs.titleBox[i].offsetTop - 50, //如果发现位置不对可以自定义 + 或 - behavior: 'smooth' // 平移属性})......
2022-05-20 17:11:50 96
原创 vue的this.$nextTick()作用
当我们修改data中的数据,想要获取更新后的dom。就可以使用this.$nextTick这个方法,他会获取更新后的dom数据来渲染。 //只要用nextTick包起来。this.$nextTick(() => { // dom元素更新后就可以在这里拿到更新后的数据。 console.log(this.xxx)})...
2022-05-20 17:04:39 537
原创 富文本使用v-if重新加载dom问题
之前在开发中遇到一个问题,就是要动态生成wangEditor富文本编辑器。然后结构是有tab标签切换的,当时标签的是v-if来判断显示。导致页面报错,找不到dom元素生成富文本标签。后面才发现用的是v-if重新加载dom元素导致找不到id生成富文本,后面改成v-show就解决问题了。错误的:<div v-if="show"> <el-form-item label="文本文案:"> // 生成富文本的div <div id="Ed
2022-05-19 15:47:56 553
原创 js循环数组的方法
1.for循环最基本的循环方式,可以return终止。for(var i = 0;i < 3; i++){ console.log(i)}2.for of循环作为ES6新增的循环方法。它可以正确响应break、continue和return终止。for-of支持数组,还支持类数组对象。let arr = ['110','yyds','jjkk'];for(let item of arr){console.log(item); //item指的是数组每一项。}//输出
2022-05-19 15:19:18 7933
原创 vue使用图片懒加载
直接npm下载,挂在到vue使用即可。npm install vue-lazyload --save-dev //安装懒加载包 入口文件main中引入 import VueLazyload from 'vue-lazyload'Vue.use(VueLazyload) 可配置自定义属性Vue.use(VueLazyload, {preLoad: 1.3,error: 'dist/error.png',loading: 'dist/loading.gif',attempt: 1})
2022-05-19 15:02:47 398
原创 element ui组件传递自定义参数
使用element ui遇到一种情况,比如分页的默认事件里面会有默认的参数。这时可以这样写,觉得有用的朋友点个赞<el-pagination class="el_erap tc" background //自定义val是默认的数据,item是要自定义传过去的数据 @current-change="(val) => handleCurrentChange(item, val)" :current-page="item.pageData &&
2022-05-19 14:59:16 1167 1
原创 循环调用接口,返回数据异步问题。
循环调用接口,map返回数组。通过promise.all解决返回数据异步问题。在.all中的value可以拿到按顺序返回的数组数据。let promiseArr = this.prefecture.map((item, index) => { return this.coins(item.id) }) Promise.all(promiseArr).then(value => { this.goldGoo
2022-05-19 14:52:18 897
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人