- 博客(35)
- 收藏
- 关注
RSS订阅原创 vue3+antd封装动态表格 与 表格内弹窗动态字段
需求 ：该页面有十个选项卡 ， 每个选项卡中的表格字段都是不同的，表格拥有操作 查看 编辑 弹窗 所展示的字段也是不同的例如： 1选项卡表格字段 2 选项卡表格字段表格操作列拥有 查看 编辑 功能 查看 编辑弹窗 也会根据选项卡的不同来动态展示 showTableValueTitle的值如下 ： 在父组件中定义，传递给子组件 查看 编辑 弹窗 查看 编辑弹窗要展示的字段 定义在父组件中(seeItem的值) 注意这里 input标签如何使用 v-model 绑定的对象属性
2023-08-09 17:23:31
1285
原创 盒子内容超出盒子添加滚动条，overflow:auto使用局部滚动条
【代码】盒子内容超出盒子添加滚动条，overflow:auto使用局部滚动条。
2023-07-27 11:44:44
578
原创 vue使用脚手架配置代理服务器解释版本
首先如果配置了代理服务器，那么在浏览器中的网络请求查看的地址是不正确的 真正的请求地址为 配置代理的target + baseurl + 后续请求地址 1.首先封装axios的baseurl为 /api (其他的也可以，后面配置代理服务器会替换)2.在项目根目录下创建 vue.config.js 文件 并编写代码如下
2023-03-21 08:25:25
124
原创 获取elementplus中proxy代理的值
这里可以看到第一个值是被proxy代理的， 直接打印 value.id 是可以访问到的。elementplus中，用proxy代理的数据 直接使用 对象.属性 即可获取到。所以 elementplus中 访问被proxy代理的值，直接。这里打印 elementplus中 el-tree的某些数据。
2022-08-22 18:47:50
623
原创 子路由及路由出口配置
在 Home 组件下配置路由出口，当跳转到子路由时，就会在此路由出口展示页面。(如果没有添加在Home路由下面，那么跳转会覆盖Home页面)将路由添加到 名称为Home路由的子路由下面。
2022-08-04 16:25:21
1291
原创 vue3+ts 使用vuex 独立模块存放数据，封装login
创建一个独立的模块并导出loginType为当前模块state的类型，RootState为主模块下的state的类型。
2022-07-22 10:47:44
546
原创 vue3+ts ref泛型限定值
ref的,用来限定后面括号的类型，同时限定变量.value的类型。限定text.value的值必须为字符串类型。
2022-07-21 09:38:10
1520
原创 深拷贝与浅拷贝应用日记
let obj = { name ： '李四'}let obj2 = obj这样就是浅拷贝， 当 obj属性值改变时，obj2的属性值也会一起变。深拷贝 重新生成一个对象，一个对象的值改变，不影响另一个对象实现深拷贝let obj3 = JSON.parse(JSON.stringfy(obj))要么就分开赋值也可以实现obj3.name = obj.name 一项一项进行赋值...
2022-05-23 21:35:53
95
原创 收集el-table中的el-input数据
使用作用域插槽，将 row.属性名 绑定到你要使用的属性身上即可（row就是当前行，将input 双向绑定到row的属性上）这样就可以实现：在input中输入数据，即可收集到对应的属性上...
2022-05-23 21:26:08
784
原创 every遍历数组，判断购物车是否全选
isAllChecked(){ // 是否全选 ， every监测 数组cartList中的isChecked是否为1，只有所有数组项的isChecked为 1 ， every函数的返回值才为1 let result = this.cartList.every(item=>{ return item.isChecked == 1 }) return result }...
2022-03-04 17:38:29
489
1
原创 未设置初始值而报错：Error in render: “TypeError: Cannot read properties of undefined (reading ‘cartInfoList‘)“
这个错误归根到底 ， 就是没有设置对应的默认值 ， 如图 提示 cartInfoList 找不到，就是代表cartInfoList 没有设置默认值，查找cartInfoList是在“谁”的下面访问的，把“谁”里面设置cartInfoList的默认值即可。这里看到 访问的是shopcat仓库中 cartlist数组下的cartInfoList在cartlist数组 下 给cartInfoList设置默认值即可解决这里我们打印了一下 数组的第零项 为 undefi...
2022-03-04 17:19:43
1874
3
原创 临时存储与本地存储的区别与 存储对象时的注意事项
1.sessionStorage：将数据保存在session对象中。所谓session，是指用户在浏览某个网站时，从进入网站到浏览器关闭所经过的这段时间，也就是用户浏览这个网站所花费的时间。session对象可以用来保存在这段时间内所要求保存的任何数据。2.localStorage：将数据保存在客户端本地的硬件设备(通常指硬盘，也可以是其他硬件设备)中，即使浏览器被关闭了，该数据仍然存在，下次打开浏览器访问网站时仍然可以继续使用。sessionStorage:临时存储，当浏览器关闭后 ，存储的数据也
2022-03-03 21:49:18
1390
原创 函数传参默认值设置
例：params={} 代表 如果没有传递参数 params 参数默认为空对象， 如果传递了参数，那么params 就为传递参数的值.注：reqGetSearchInfo 请求传递的参数至少是个 空对象post 提交，参数为 data...
2022-02-26 22:05:27
821
原创 vue踩坑日记之params传递参数
1.我们都知道 vue中 params传递参数都需要配置占位符 。2.但是 一定要注意， 重点来了：如果 /search的占位符没有值的时候， 也就是没有传递params参数时， 是无法跳转到 search组件的，路径会重新定位到 跟组件 /3. vue 报错vue-router] missing param for named route "search": Expected "keyword" to be defined4. 解决方式 在路径的占位符后面添加 一个 ...
2022-02-25 21:55:01
5446
12
原创 vue中使用swiper5
官网使用方法 详情 ：Swiper使用方法 - Swiper中文网在vue中使用 首先 npm install --save swiper@5 // 安装5.xx版本的swiper1. 引入css js 文件由于在多个组件中使用 所以直接在路口文件中引入css文件在需要使用轮播图的组件中引入js文件2.在需要使用轮播图的组件中生成dom 结构，可以直接去swiper官网复制3. watch监听数据 ，确保swiper渲染时一定有数据$nextTick 确保...
2022-02-24 12:17:07
2938
原创 如何使用mockjs模拟假数据
首先 使用 npm install mockjs --save 安装mockjs 插件1. 在项目src目录下创建mock文件夹2.在mock文件夹下准备要使用的json数据3.把mock数据需要的图片放在public文件夹中【public文件夹打包的时候，会把相应的资源原封不动的打包到dist文件夹下】图片存放在 public下面的images文件夹 ， 图片路径最开头的 / 代表public文件夹4.创建mockServe.js文件，通过mockjs插件实现模拟数据 5.在入口文
2022-02-23 17:13:10
2277
原创 在vue中单击封装的组件在新页面打开
如果组件中 跳转用到了 a链接，只需要给 a 链接的target属性设置_blank 就可以在另一个页面打开_blank<a href="document.html" target="_blank">my document</a> 浏览器会另开一个新窗口显示document.html文档...
2022-02-17 15:31:17
1123
原创 vue单击激活类实现
单击其中一个 背景变为绿色，其他为白色给每个li 定义单击事件动态绑定类 :class判断data中对应的变量不为空 就绑定类定义单击事件 ， 单击对应li ， 给li绑定的变量设置值，其他两个对应的变量清空...
2022-02-17 11:14:07
686
原创 前端单击登录按钮实现登录的逻辑，使用cookie存储token
1.单击登录调用接口获取返回的token2.把获取的token设置到cookie中3.创建请求拦截器，如果有token就把token放到请求头中4.根据token获取用户信息5.显示用户信息
2022-02-14 20:39:07
1980
原创 [Vue warn]: Error in created hook: “TypeError: this.getList is not a function“
[Vue warn]: Error in created hook: "TypeError: this.getList is not a function"提示 this.getlist 不是一个方法是因为 使用this调用的时候，在script标签中定义的methods少写了一个s或者是 methods定义拼写错误等
2022-02-13 19:14:32
11705
9
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人