vue
文章平均质量分 53
Mr.Meng_95
这个作者很懒,什么都没留下…
展开
-
将字符串的某几位替换成星号
将字符串的某几位替换成星号原创 2023-06-05 15:35:57 · 727 阅读 · 0 评论 -
商城秒杀倒计时函数封装
商城秒杀倒计时函数封装原创 2023-06-05 15:26:51 · 61 阅读 · 0 评论 -
$nextTick与原生js先渲染dom再执行函数的方式
$nextTick与原生js先渲染dom再执行函数的方式原创 2023-05-16 17:10:09 · 1682 阅读 · 0 评论 -
Vue实现在线编辑excel组件库
Vue实现在线编辑excel组件库原创 2023-05-11 13:49:21 · 1956 阅读 · 0 评论 -
导出与导入(require,import,module.exports,exports,export,export default)
https://editor.csdn.net/md?not_checkout=1&articleId=130481254转载 2023-05-04 10:01:31 · 550 阅读 · 0 评论 -
mac升级或降级node版本
mac升级或降级node版本转载 2022-10-31 11:37:26 · 5234 阅读 · 0 评论 -
antd中table,a-table新增数据滚动条滚到底部
antd中table,a-table新增数据滚动条滚到底部原创 2022-10-27 17:43:54 · 2407 阅读 · 0 评论 -
Js 数组与树状结构相互转换
Js 数组与树状结构相互转换转载 2022-09-23 10:30:39 · 428 阅读 · 0 评论 -
如何在 JavaScript 中检查数字是正数还是负数
如何在 JavaScript 中检查数字是正数还是负数转载 2022-09-20 16:34:45 · 1391 阅读 · 0 评论 -
js监听拖拽事件结束
js监听拖拽事件结束,mouseUp事件无效原创 2022-09-15 12:23:31 · 2369 阅读 · 0 评论 -
vue2使用wangEditor
vue2使用wangEditor原创 2022-09-08 15:54:09 · 3985 阅读 · 2 评论 -
js小数点后面不足4位数补0
js小数点后面不足4位数补0原创 2022-09-02 17:49:00 · 498 阅读 · 0 评论 -
--save 和 --save-dev简述
--save 和 --save-dev简述原创 2022-04-24 16:45:00 · 2701 阅读 · 0 评论 -
上班使用less/sass写项目出现样式冲突怎么办
上班使用less/sass写项目出现样式冲突怎么办原创 2022-04-16 11:51:05 · 1247 阅读 · 1 评论 -
2022前端面试大全(不断更新)
2022前端面试大全翻译 2022-03-21 22:25:56 · 4056 阅读 · 1 评论 -
vue中使用vuex
简介vuexvuex是使用vue中必不可少的一部分,基于父子、兄弟组件,我们传值可能会很方便,但是如果是没有关联的组件之间要使用同一组数据,就显得很无能为力,那么vuex就很好的解决了我们这种问题,它相当于一个公共仓库,保存着所有组件都能共用的数据。那么,我们一起来看看vue项目怎么使用它吧。(如果你对vuex有一定了解,不是刚接触的小白,请忽略第一步,直接查看第二步)一、适合初学者使用,保存数据以及获取数据1、在store文件夹,新建个index.js文件(命名看个人习惯,如果没有该文件夹,可以新转载 2021-12-22 10:50:49 · 134 阅读 · 0 评论 -
vue中一个标签中含有多个class(其中包含三元表达式)的写法
vue中一个标签中含有多个class(其中包含三元表达式)的写法1、数组形式<div :class='["classify",current=="0" ? "active" : ""]' @click='current=0'>课程</div>注意:数组中的classify如果不加引号的话,代表的是data中的一项,并不是类名,将classify加上双引号,变成字符串就可以变成类名2、字符串拼接<div :class="'classify'+(current=='0转载 2021-07-14 16:48:18 · 1066 阅读 · 0 评论 -
vue项目进入一个页面自动触发某元素的点击事件——自定义指令directives
简述进入页面自动点击左侧for循环的第一个元素,展示数据,达到进入页面默认展示的效果。步骤一 自定义指令绑定for循环的第二个参数步骤二 使用directives自定义指令<el-menu text-color="#36354B" active-text-color="#3B86FF" style="border: none" > <!-- 左侧分类类别列表 羽绒服/靴子/苹果 --> <el-原创 2021-05-20 01:06:08 · 6823 阅读 · 1 评论 -
vue项目强制刷新当前页面无空白
简述在vue项目开发过程中,有的时候数据不好清空,加载不及时,需要页面做一个强制的刷新,来实现数据及时更新的效果。方法一js强制刷新,不推荐使用,因为这种方式虽然可以最简单粗暴的实现效果,但是刷新的时候会有一个空白的间隔期,用户体验不好,所以不推荐使用。虽然不推荐使用,但是方法还是要交代的。在需要的地方直接加入这行代码就OK了:window.location.reload();我是用来解决cookies数据及时存放获取问题的,效果实现,体验不好// cityCode 持久化import Co原创 2021-05-20 00:49:40 · 788 阅读 · 0 评论 -
elementUI使用v-for创建无限级导航栏—— 递归组件
elementUI使用v-for创建无限级导航栏—— 递归组件直接copy,不需要墨迹说明:根据返回的数据动态循环渲染菜单,是否具有子级目录递归创建所有目录并具有复用性,动态绑定相关属性;解决步骤:1、使用element组件(具体步骤不在赘述)2、先创建公共组件(1)在第一级菜单循环过程中,如判断出当前菜单存在着子级菜单,渲染出当前菜单,并将当前菜单的子级属性(例如:child:[数组]),利用子组件传参的方式,传给我们现在正在封装的组件(俗称:无限套娃)。递归组件封装 MenuTree.v原创 2021-05-04 21:44:50 · 3496 阅读 · 5 评论 -
前端实现模糊查询
搜索需求:搜索框为空,默认展示下面的搜索历史,隐藏搜索列表如果用户输入搜索内容:有搜索结果展示:搜索结果,没有搜索结果展示:暂无搜索内容点击搜索列表的选项,自动填充到搜索框具体代码如下:封装防抖截流函数:/** * * @param {*} fn * @param {*} delay * * 节流函数throttle:在delay时间内,时间只触发一次 * 防抖函数:在delay时间后,输入完成后多长时间才会触发一次;如果在输入时间内,用户再次输入就会重新计时 */转载 2021-05-04 21:11:42 · 142 阅读 · 0 评论 -
vue项目router报NavigationDuplicated: Avoided redundant navigation to current location: “/result/3“错误
vue项目router报NavigationDuplicated: Avoided redundant navigation to current location: "/result/3"错误写vue项目,重复点击路由会在控制台报如下错误它的提示是 避免到当前位置的冗余导航。 简单来说就是重复触发了同一个路由。解决:在router/index里加如下代码就可以了const originalPush = VueRouter.prototype.pushVueRouter.prototype.原创 2021-04-22 19:10:22 · 156 阅读 · 0 评论 -
json-bigin大数值问题详解
大数值问题安装json-bigint包npm i json-bigint关键字:JSONBigaxios的transformResponse后端回传的真实id是19位的数值,超过了js能表达的最大安全整数,所以要引入一个额外的包JSONBig来处理这个问题。在src/utils/request.js中(就是封装axios的工具文件)import JSONBig from 'json-bigint' // 导入JSONBigconst instance = axios.create(原创 2021-03-12 22:17:30 · 1122 阅读 · 0 评论 -
vue中页面(路由)跳转及传值的几种方式 router-link + query + params
vue中页面(路由)跳转及传值的几种方式知道query 和 params 是什么参考文案:https://www.php.cn/js-tutorial-382859.html跳转的几种方式与传值1、router-link1.1 根据路由路径(无参数与有参数)<router-link to = "/page">跳转到page页面</router-link><router-link :to = "{ path: '/page', query: { id: '001'原创 2021-03-12 22:10:20 · 11778 阅读 · 1 评论 -
过滤器(filter)的基本使用 + 时间戳转化为相对日期过滤器代码封装
过滤器(filter)的基本使用概述过滤器实质不改变原始数据,只是对数据进行加工处理后,return回过滤后的数据再进行调用处理过滤器:本质是就是一个函数,用来做格式转换。例如:把一个标准时间转成相对时间。格式局部定义filters:{过滤器名字(要被处理的值){// …return 处理后的结果}}局部使用{{ 原数据 | 过滤器名字 }}// 相当于 {{ 过滤器名(原数据) }}全局定义Vue.filter(‘过滤器名’, (oldVal) =>原创 2021-03-12 22:01:39 · 1523 阅读 · 0 评论