- 博客(114)
- 收藏
- 关注
原创 【vue】轮播图显示不出效果
项目场景:轮播图自动轮播图片问题描述只能显示一张图片,且不轮播原因分析:轮播图图片占内存太大解决方案:v-if="topImage !=’’ "topImage不为空时再开始渲染<detail-swiper :top-image="topImage" v-if="topImage !='' "></detail-swiper>...
2022-04-02 14:59:48
1283
原创 【vue3】路由导航守卫keep-alive在vue3里的使用(记录跳回页面的位置)
项目场景:页面跳转回主页,记录跳转之前的位置相关代码App.vue<template> <keep-alive> <router-view /> </keep-alive></template>问题描述不能实现效果原因分析:vue解决方案://App.vue<template> <div id="app"> <!-- 陆游导航守卫 缓存组建状态 -->
2022-04-02 10:02:13
1337
原创 【vue】页面跳转 路由携带ID
项目场景:跳转到详情页问题描述路由跳不过去//home.vue<template><goods-list :goods="showGoods"></goods-list></template>export default(){ data(){ return{ goods:{ 'pop':'{page:0, list:[]}' , 'new':'{page:0, list:[]}',
2022-04-02 09:40:04
1520
原创 【vue】详情页数据请求
项目场景:请求详情页数据问题描述请求不到,log没有打印控制台报错debugg过程读报错信息detail.js?c28a:3 Uncaught (in promise) TypeError: (0 , request__WEBPACK_IMPORTED_MODULE_0_.request) is not a function at getDetail (detail.js?c28a:3:1)定位报错文件及代码行detail.js?c28a:3:1分析原因由
2022-04-02 09:22:07
1108
原创 【vue】better-scroll项目报错:EventEmitter has used unknown event type: “pullingUp“···
项目场景:上拉加载更多功能的实现问题描述报错原因分析:1.pullingUpLoad 拼写错误2.new better-scroll的时候设置属性 pullUpLoad=false 改为true就不报错了props: { probeType: { type: Number, default: 0 }, pullUpLoad: { type: Boolean, default: true
2022-03-26 22:58:04
1362
原创 【vue】better-scroll滚动不全
项目场景:移动端content内容可以滚动问题描述部分组件滚动不全原因分析:接口获取图片数据需要时间,而better-scroll里的scrollHeight已经预先计算出可滚动高度,导致后面加载出来的图片无法滚动解决方案:方法一Scroll.vue mounted () { // 解决图片加载导致滚动不全问题 // 方法一 this.scroll = new BScroll(this.$refs.wrapper, { observ
2022-03-22 10:35:16
1008
原创 【vue】tab-bar组件与swiper组件多出来空白
项目场景:利用better-scroll实现content里组件滚动问题描述Home页面 nav-bar组件与swiper组件之间有空白原因分析:其他view页面引入了scroll组件,使用template包裹了一层解决方案:注释掉template <!-- <template #wrapper> --> <ul> <li>商品列表1</li> <li>商品列表2<
2022-03-17 22:54:28
340
原创 【vue】引入第三方库,未能实现 created与mounted的使用场景
项目场景:利用better-scroll第三方库实现局部滚动,顺畅滚动问题描述不能实现局部滚动debug过程:<template> <div class="wrapper" ref="aaa"> <ul class="content"> <li>分类列表1</li>created () { console.log(this.$refs.aaa); console.log(docume
2022-03-17 11:39:25
669
原创 【vue】点击tab,变色
项目场景:商城APP首页开发,点击tab,变色问题描述无法变色debug过程:1.定位@click = itemClick,漏传参数index2.检查代码拼写是否有误,currentIndex3.在itemClick方法里,打log,发现,this.currentIndex 和 index的值不一样,说明index未能将值传给this.currentIndex ,推理出this.currentIndex === index 里的‘===’,不是赋值的符号解决方案:methods:
2022-03-16 15:41:30
556
原创 【vue项目】引入组件里的img格式样式不显示
组件TarBarItem.vue<style scoped>.tab-bar-item img { width: 24px; height: 24px; margin-top: 3px; vertical-align: middle; }correct把css里的scoped干掉<style >.tab-bar-item img { width: 24px; height: 24px; margin-to
2022-03-14 17:04:41
1630
原创 【vue】this.$router.replace跳转不起作用 Router push or replace not working
项目场景:商城APP底部导航切换对应页面问题描述提示:这里描述项目中遇到的问题:Just sit there clicking the home btn watching log show me /home but never getting there…export default { name: 'TabBarItem', props: { path: String }, } methods: { itemClick () {
2022-03-11 11:42:04
6954
原创 【vue】重复点击导航时出现报错提示NavigationDuplicated
项目场景:商城app导航切换问题描述重复点击导航出现报错原因分析:NavigationDuplicated解决方案:在router.js或router文件夹下的index.js添加如下代码//pushconst VueRouterPush = Router.prototype.pushRouter.prototype.push = function push (to) { return VueRouterPush.call(this, to).catch(err =&g
2022-03-11 11:24:31
1158
原创 【vue】slot插槽flex失效
三个文件,使用插槽//tabbar//html<template> <div id="tabbar"> <slot></slot> </div></template>tabBarItem.vue里的html代码里不要再加div//tabBarItem<template> <div>//不用加 否则样式拿不到tabbar.vue里的css flex不生效, <slot n
2022-03-10 19:32:31
355
原创 【vue】导航跳转页面空白
解决:const routes = [...,{ path:'/..', component:...//这里写成components就会出现错误}
2022-03-10 18:58:06
515
原创 【vue-cli】Error: EACCES: permission denied, unlink ‘/Users/XXXXXX/.vue-templates/webpack/.gitignore’解
在创建vue3项目时,报错如题目,没有找到答案,改用vue2在对这个文件夹即行,存放项目的空文件夹 用我上一个方法后,VSCODE权限问题 Select ‘Retry as Sudo‘ to retry as superuser.又通了之所以第一次使用没有worked,原因是偷懒想对所有documents释放权限,看来还是每建一个空文件夹,就执行一次牛逼的方法...
2022-03-02 22:26:19
377
原创 【leetcode刷题】最长回文子串
题目描述给你一个字符串 s,找到 s 中最长的回文子串。示例1:输入:s = “babad”输出:“bab”解释:“aba” 同样是符合题意的答案。示例2:输入:s = “cbbd”输出:“bb”方法一:暴力枚举/** * @param {string} s * @return {string} */var longestPalindrome = function(s) { let n = s.length; let res = ''; for(let i = 0
2022-02-09 18:08:13
297
原创 【leetcode刷题】寻找两个正序数组中的中位数
题目描述给定两个大小分别为 m 和 n 的正序(从小到大)数组 nums1 和 nums2。请你找出并返回这两个正序数组的 中位数 。算法的时间复杂度应该为 O(log (m+n)) 。来源:力扣(LeetCode)链接:https://leetcode-cn.com/problems/median-of-two-sorted-arrays著作权归领扣网络所有。商业转载请联系官方授权,非商业转载请注明出处。示例1:输入:nums1 = [1,3], nums2 = [2]输出:2.0
2022-02-09 16:54:39
54
原创 【leetcode刷题】无重复字符的最长字串
题目描述:给定一个字符串,请你找出其中不含有重复字符的 最长子串 的长度。示例1:输入: “abcabcbb”输出: 3解释: 因为无重复字符的最长子串是 “abc”,所以其长度为 3方法一:暴力for循环思路先利用字符串对象的split方法,将字符串转变成数组利用三层for循环,第一层for代表开始位置,第二层for代表结束位置,第三层负责拿结束位置的字符 与 开始到结束之间的字符 比较设一个flag,如果结束位置字符与 开始到结束之间字符 不相同,结束位置下标加1,计数字串长
2022-02-08 17:31:09
574
原创 【leetcode刷题】两数相加
给定两个非空链表来表示两个非负整数。位数按照逆序方式存储,它们的每个节点只存储单个数字。将两数相加返回一个新的链表。你可以假设除了数字 0 之外,这两个数字都不会以零开头。示例:输入:(2 -> 4 -> 3) + (5 -> 6 -> 4)输出:7 -> 0 -> 8原因:342 + 465 = 807/** * Definition for singly-linked list. * function ListNode(val, next) {
2022-02-08 15:39:09
110
原创 【leetcode刷题】1.两数之和
1.暴力枚举//方法一 双循环var twoSum = function(nums, target) { // var nums = []; // var target = 0; // var res = []; let res = new Array() for(var i = 0; i < nums.length - 1;i++){ for(var j = i+1; j < nums.length;j++){ if
2022-02-08 12:52:26
199
原创 【Mac vscode】解决Eslint 控制台报错
打开build文件下的web pack.base.conf.js注释rules:[ (config.dev.useEslint?[createLingtingRule()])//注释掉这一行 ]参考: 启动vue,出现Errors: 8 http://eslint.org/docs/rules/indent等错误解决方法.
2022-02-07 17:58:15
1853
原创 【Mac vscode 】js文件代码不高亮
尝试过change color theme,but it didn’t work for mewhen I check the file ‘setting.json’,there is a dublicate same block ——files.associations,delete one;// html颜色高亮 "files.associations": { "*.html": "html", "*.MarkDown": "markdown", "*.cjson": "
2022-02-07 17:49:59
389
原创 【MAC系统VUE项目】VSCODE权限问题 Select ‘Retry as Sudo‘ to retry as superuser.
找到文件 点击get info 把下面的两个也改为read and write,再点击下面的小箭头,apply to enclosed items
2022-02-06 22:33:39
919
原创 【vue antdesign表格增删改查】查找筛选数据 无需接口 只需传参 从数组过滤一条item filter方法
vue antdesign table表格增删改查——查找
2022-01-28 18:15:00
1477
原创 【新增功能】CSS 内联样式 权重 同级别
.inlineStyle .ivu-select-input{ width: 160px !important;}由于原样式是写在element上的,权重比class高
2021-11-25 11:17:03
604
1
原创 【改bug】git指令 gitLab
首先要拉最新的代码git pullgit checkout -b summer/xxx改代码git add .git commitgit push --set-upstream origin summer/xxxgit checkout mastergit merge summer/xxx最后点击vscode面板上sync …如何区分自己的分支有没有合到主分支上gitlab主分支我的分支比较改动的代码行在commit里可以看到提交的代码...
2021-11-25 10:27:59
50
原创 【增加功能】select下拉多选 显示选中的人员
需求:显示选中的人员//html <div class="formItem"> <label>{{ $t("100046") }}:</label> <Select @on-change="select..
2021-11-24 15:28:38
652
原创 【后台交互】select 绑定后台传递的数据
html<Select v-model="adddata.designee" multiple clearable filter class="
2021-11-24 10:21:57
437
原创 【vue指令】v-show
//html <Button type="primary" class="twoWord" @click="chooseIf" v-show="submitshow1 == 0" //初始值 0,0 == 0 按钮显示 因为v-show Boolean值为 true
2021-11-24 09:21:16
590
原创 【传值】前端向后端传值 将数组转为字符串string类型
对双向绑定的值进行数据类型转化//html<Select v-model="adddata.designee"></Select>//jsaddPost(){ let data = {}; data.designee = this.adddata.designee //这里对designee进行数组转string类型处理,以“,”隔开 this.$Modal.confirm({ onOk: () => { this.axios .
2021-11-23 16:26:11
1741
原创 【bug解决】表单分页,显示总数据res.data.total
贝内克轮具–【统计分析】–【轮具寿命展示】–轮具寿命展示中,没有做页面分页,实际上是有其余数据的下面展示一些 内联代码片。// A code blockvar foo = 'bar';// An highlighted blockaxios().then(res => { if( ret == ){ this.total = res.data.total // 加上这一行代码 从接口获取分页所有的数据}}) .then((res) => { ..
2021-11-23 13:36:55
804
原创 【后台接口】将后台接口的信息显示到前端res.data.data message.error
上图中的data:“组合物料数量错误”是后台传过来的.then((res) => { let result = res.data; if (result.ret == 1) { this.$Message.success(this.$t(result.msg)); this.nextModal = false; this.clearNext(); this....
2021-11-23 08:48:22
908
原创 【bug解决】上传图片后,取消这次上传 再次执行上传,上次的图片还存在
第一次上传的图片路径,要在清除事件后,重新调接口将路径置为初始的图片路径<img></img>// 清除上传clearInfo(){ this.loading = '../../require/xxx.jpg' //初始的图片路径}
2021-11-22 15:16:58
1048
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人