withNanSi的博客

原创 使用vue-cli和vite分别创建vue3项目

使用vue-cli和vite分别创建vue3项目。

原创 typescript class

类，继承，抽象类

原创 element UI form表单el-form-item的校验功能el-upload手动上传遇到的问题

【代码】element UI form表单el-form-item的校验功能el-upload手动上传遇到的问题。

原创 el-cascader多选的常用参数总结

el-cascader多选的常用参数总结，emitPath...

原创 typescript开发环境搭建

下载node.js安装node.js使用npm全局安装typescript进入命令行输入：npm i-g typescript创建一个ts文件使用tsc对ts文件进行编译进入命令行进入ts文件所在目录执行命令：tsc xxx.ts

原创 vue3需要掌握的技能

原创 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...

原创 uniapp开发微信小程序主包不能大于2M问题

Hbuilder创建的项目运行勾选压缩代码分包目录格式pages.jsonmanifest.json(源码视图)"optimization" : { "subPackages" : true }主包内的静态图片都修改为网络请求方式

原创 uniapp踩的坑

uni.navigateTo 无法跳转到页面原因：把这个地址配置到tabBar了（pages.json里）解决：没有配置到tabBar里的可以用uni.navigateTo跳转，配置了的用uni.switchTab跳转uni.showToast不弹出解决：设置定时器uni.showLoading({ title: '提交中' }); //请求 .then(()=>{ setTimeout(() => { uni.showToa

原创 Hbuilder里运行到手机或模拟器手机和电脑配置

电脑安装adb手机数据线和电脑连接手机打开开发者模式手机和电脑在同一网络下电脑找到adb安装目录打开 Windows PowerShell（shift+右键）执行命令.\adb devices 查看有没有连接到adb服务执行命令.\adb connect 192.168.110.42:8888 连接手机（IP在手机WiFi看）...

原创 需要加密处理的字段，加密后发送后端进行验签

引入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`;//按要求进行字符串拼接 .

原创 13位时间戳转10位时间戳

const time = Math.round(new Date().getTime()/1000).toString();

原创 echarts图表宽度为百分比出现的问题

问题：echarts因为移动端适应性宽度为百分比，图表显示不正常原因：echarts图表外层div宽高要给固定的值解决：给外层div固定的值设置监听，获取到外层div最新宽，赋值给echarts图表var phone = echarts.init(document.getElementById("phone")); $(window).resize(function () { phone.resize({ width:

原创 基于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，.

原创 vue3里使用ref获取真实dom

实现步骤使用ref函数传入null，创建ref对象setup(){const hRef=ref(null)}模板中通过定义ref属性 等于1中创建的ref对象名称建立关联<button ref="hRef">按钮</button>使用console.log(hRef.value)

原创 删除最后一页,最后一条数据的bug

问题:如果删除最后一页的最后一条数据,页面会显示不正常问题&解决如果页面上只剩下一条数据,就不让页码-1,直接设置成1原因:删除最后一页的最后一条数据,再发请求,还是求的最后一页,而此时,已经求不到最后一页的数据了思路:在删除成功之后,去检测一下,删除的是否是当前页的最后一条数据,如果是,就把页码-1,再发请求(请求页面数据)if(this.arr.length===1){//arr.length 当前页的数组(数据)长度 this.page=(this.page-1)||1}

原创 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!') ..

原创 后台管理添加/编辑共用一个弹框的bug

**bug:**在编辑时,只有第一次编辑时,才能正确显示.随后再点编辑,数据显示不正确了**原因:**现在的代码中,获取详情这个动作在子组件的created中发出的,它只会执行一次,后续点击关闭弹层时,子组件没有被销毁**解决方案:**在关闭弹层时,把子组件销毁解决方案1:在标签上添加v-if...

原创 路由跳转

路由跳转this.$router.push() 跳转到下一级this.$router.replace() 跳转到下一级不能回退this.$router.go()正数是跳转到下级,负数是上级this.$router.back()返回上一级