- 博客(21)
- 收藏
- 关注
原创 VUE2中activated和created的使用区别
与created钩子函数相比,activated钩子函数是在组件已经挂载渲染到页面上之后再被执行的,可以用于处理需要在组件显示后处理的逻辑。场景:跳转一个页面时,只有第一次执行了created,后边退出再次打开也不执行created,因为已经挂载完成了,可以使用activated钩子函数,这样每次进入页面都是被激活都会执行activated。总体来说,created钩子函数适合用来进行组件的初始化操作,而activated钩子函数适合处理组件被激活时的操作。需要根据具体的场景选择使用哪个钩子函数。
2023-05-24 19:53:57
1814
原创 VUE2使用this.$set赋值
语法:this.$set(target, propertyName/index, value)1)为对象添加属性或修改指定属性。
2023-05-24 19:45:35
707
原创 数字和小数点的正则表达式搭配
数字和小数点正则表达式搭配 3.限制必须1位以上,小数{1,}4.限制1至4位整数, {1,4}保留小数点后四位 不足自动补零。5必须为数字,但是允许小数点。1.只能输入整数或小数。
2022-09-02 15:02:56
3410
原创 VUE组件之间相互传值的方式
Vue 就是由一个一个的组件构成的,组件化是它的精髓,也是最强大的功能之一。而组件实例的作用域是相互独立的,这就意味着不同组件之间的数据无法相互引用。但在实际项目开发过程中,我们需要访问其他组件的数据,这样就就有了组件通信的问题。在 vue 中组件之间的关系有:父子,兄弟,隔代。一、父组件向子组件传值即父组件通过属性的方式向子组件传值,子组件通过 props 来接收。在父组件的子组件标签中绑定自定义属性// 父组件<user-detail :myName="name" />
2022-08-09 08:24:30
516
转载 npm EPERM: operation not permitted, rename解决
更改VUE文件名字 提示operation not permitted, rename
2022-08-08 13:47:17
4606
原创 数组嵌套数组的取值
要拿到里面的pool——name误区 直接。下拿取 或 直接【1】这样是拿不到的Item. pool_names[0]. pool_name这样拿取
2022-05-05 13:42:24
884
原创 将数组【2月,2号】变为2-2,或者是【2,8,11,12月,15号】变为2-15 ,取月份中的其中一月就好了
第一种情况首先先用join拼接好它们 就变成 2月2号再取出里面的数字 新建一个数组 就是2,2再用-将它们拼接起来第二种情况与第一种情况的区别在于 它匹配出了数字 是【2,8,11,12,15】我们只需要第一个月 和最后一个日前提 数组长度固定为5所以只需拿取索引为0和4的即可再用jion拼接起来...
2022-04-29 18:09:55
110
原创 VUEX中仓库存取值
需求:我在页面中点击左侧的导航栏 导航栏有属性id根据我点的左侧导航栏 渲染出右边表格 点击下一步我要在step步骤条2中 拿到左侧导航栏的id难点 1.子组件与子组件间传递数据2.使用VUEX解决:首先设置值1.在store中state 定义id属性2.在mutation中设置函数3.在需要设置传参的地方调用mutation这个方法(传值子组件)4.接收值子组件应用它state后跟变量名...
2022-04-29 17:51:48
259
原创 表格中 点击页面跳转
在a-table中绑定change事件 搭配下面函数即可 publicTableChange (pagination, filters, sorter) { console.log(pagination) this.poolTable.pageNo = pagination.current this.poolTable.pageSize = pagination.pageSize this.loadList() },...
2022-04-26 15:40:23
381
原创 根据标签跳转到同一页面渲染不同结果
假如有一个tab标签 left 和 right点击它们跳转到同一页面但是 渲染内容不同1.思考可以通过v-if v-else 来判断渲染 但是path路径是一样的可以考虑在跳转时传递参数query或者params来跳转2.query在页面刷新时会数据丢失 且搭配path来使用this.$router.push({path: '/transport/dispatch', query: {paicheNo: obj.paicheNo}})取数据:this.$route.query.p
2022-04-26 14:30:19
496
原创 Error in nextTick: “InvalidCharacterError: Failed to execute ‘setAttribute‘ on ‘Element‘: ‘$ref‘ is
element后面是啥 就是组件中你多写了啥 可以用ctrl f 查找
2022-04-25 21:03:59
1025
原创 存储local后 数据与渲染页面的数据不符为什么 怎么办
所以渲染部分代码有错 没有联系local里的数据渲染我是直接拿到json数据 及 local id 里的num 直接渲染到html老师是: 拿到json数据 遍历它 拿到json的id 将这个json id 看是否在local中如果没在就返回false 用外在变量接收它 filter返回一个符合条件的数组就是json id 在 local id 中有的去渲染如果不判断直接渲染 就是整个json 无论怎么增删改查 刷新后渲染的都是整个json数据所以要与local中id匹...
2021-12-12 21:04:14
204
原创 将添加购物车数据存储到浏览器cookie中 面向过程·
页面效果cookie中查看数据 第一个值为商品id 第二个值为数量需求 :当点击加入购物车按钮时 获取商品在cookie中数据 如果没有 则添加 有则数量加加html代码 <div id="cont"> </div>css代码 *{ margin: 0; padding: 0; } #cont{ width: 1000px; ...
2021-12-09 22:11:26
592
原创 购物车实现增删 商品数的底层逻辑js 无委托
运行展示页面先布置html布局 <div id="formDiv"> <h4>添加商品</h4> <table> <tr> <td class="word">商品名称:</td> <td class="inp"> <input typ.
2021-12-07 16:56:08
1018
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人