笔记总结
withNanSi
不勤劳的码农
展开
-
使用vue-cli和vite分别创建vue3项目
使用vue-cli和vite分别创建vue3项目。原创 2022-10-11 17:15:25 · 256 阅读 · 1 评论 -
typescript class
类,继承,抽象类原创 2022-09-19 10:31:36 · 152 阅读 · 0 评论 -
element UI form表单el-form-item的校验功能el-upload手动上传遇到的问题
【代码】element UI form表单el-form-item的校验功能el-upload手动上传遇到的问题。原创 2022-08-25 11:21:13 · 1275 阅读 · 0 评论 -
el-cascader多选的常用参数总结
el-cascader多选的常用参数总结,emitPath...原创 2022-08-04 11:06:56 · 3784 阅读 · 0 评论 -
vuex基础知识
state//相当于data存储数据//1computed:{//要定义到计算属性里 count(){ return this.$store.state.count }}//2import {mapState} from 'vuex'computed:mapState(["count"])mutationsthis.$store.commit('',)actionsthis.$store.dispatch('',)gettersthis.$store.getters...原创 2022-04-15 10:42:55 · 188 阅读 · 0 评论 -
Hbuilder里运行到手机或模拟器手机和电脑配置
电脑安装adb手机数据线和电脑连接手机打开开发者模式手机和电脑在同一网络下电脑找到adb安装目录打开 Windows PowerShell(shift+右键)执行命令.\adb devices 查看有没有连接到adb服务执行命令.\adb connect 192.168.110.42:8888 连接手机(IP在手机WiFi看)...原创 2021-08-19 10:12:42 · 504 阅读 · 0 评论 -
需要加密处理的字段,加密后发送后端进行验签
引入import CryptoJS from "crypto-js";//加密库使用 const time = Math.round(new Date().getTime()/1000).toString();//获取当前时间戳(10位) let user_time = `time=${time}&username=${this.userInfo.username}vkdHfC9MXSSGiJ4cknmKKvzCKab3`;//按要求进行字符串拼接 .原创 2021-08-11 16:06:14 · 86 阅读 · 0 评论 -
13位时间戳转10位时间戳
const time = Math.round(new Date().getTime()/1000).toString();原创 2021-08-10 16:22:15 · 522 阅读 · 0 评论 -
echarts图表宽度为百分比出现的问题
问题:echarts因为移动端适应性宽度为百分比,图表显示不正常原因:echarts图表外层div宽高要给固定的值解决:给外层div固定的值设置监听,获取到外层div最新宽,赋值给echarts图表var phone = echarts.init(document.getElementById("phone")); $(window).resize(function () { phone.resize({ width:原创 2021-07-23 17:19:41 · 1297 阅读 · 0 评论 -
基于vue3封装axios
安装axiosyarn add axios实例化axios–设置baseURL,超时时间const instance = axios.create({ baseURL: 'http://pcapi-xiaotuxian-front.itheima.net/', timeout: 5000})请求拦截器-全局注入tokeninstance.interceptors.request.use(config => { // config是请求 // 1.获取token,.原创 2021-05-13 18:09:29 · 1407 阅读 · 2 评论 -
vue3里使用ref获取真实dom
实现步骤使用ref函数传入null,创建ref对象setup(){const hRef=ref(null)}模板中通过定义ref属性 等于1中创建的ref对象名称建立关联<button ref="hRef">按钮</button>使用console.log(hRef.value)原创 2021-05-12 20:11:41 · 873 阅读 · 3 评论 -
删除最后一页,最后一条数据的bug
问题:如果删除最后一页的最后一条数据,页面会显示不正常问题&解决如果页面上只剩下一条数据,就不让页码-1,直接设置成1原因:删除最后一页的最后一条数据,再发请求,还是求的最后一页,而此时,已经求不到最后一页的数据了思路:在删除成功之后,去检测一下,删除的是否是当前页的最后一条数据,如果是,就把页码-1,再发请求(请求页面数据)if(this.arr.length===1){//arr.length 当前页的数组(数据)长度 this.page=(this.page-1)||1}原创 2021-04-26 11:06:00 · 492 阅读 · 0 评论 -
element-ui表单校验
form表单(el-form)上写 :rules=‘rules’form表单里面的要校验的元素(el-form-item)上写 prop=‘绑定的名称’data里写校验规则 rules:{}手动兜底验证 this.$refs.form.validate(回调函数)// 表单验证 this.$refs.form.validate(valid => { if (valid) { console.log('submit!') ..原创 2021-04-20 09:31:31 · 104 阅读 · 0 评论 -
后台管理添加/编辑共用一个弹框的bug
**bug:**在编辑时,只有第一次编辑时,才能正确显示.随后再点编辑,数据显示不正确了**原因:**现在的代码中,获取详情这个动作在子组件的created中发出的,它只会执行一次,后续点击关闭弹层时,子组件没有被销毁**解决方案:**在关闭弹层时,把子组件销毁解决方案1:在标签上添加v-if...原创 2021-04-19 18:37:36 · 152 阅读 · 0 评论 -
路由跳转
路由跳转this.$router.push() 跳转到下一级this.$router.replace() 跳转到下一级不能回退this.$router.go()正数是跳转到下级,负数是上级this.$router.back()返回上一级原创 2021-04-16 19:54:40 · 184 阅读 · 0 评论