![](https://img-blog.csdnimg.cn/20210408154031743.jpeg?x-oss-process=image/resize,m_fixed,h_224,w_224)
💚💚VUE 💚💚
文章平均质量分 59
vue的世界
万水千山走遍TML
流落在外的程序员
展开
-
常用过滤器
常用过滤器过滤器去除空格过滤器时间处理过滤器数字转大写过滤器保留两位小数//去除空格 type 1-所有空格 2-前后空格 3-前空格 4-后空格function trim(value, trim) { switch (trim) { case 1: return value.replace(/\s+/g, ""); case 2: return value.replace(...原创 2019-10-18 20:54:55 · 114 阅读 · 2 评论 -
基于element-Ui table二次封装表格
基于element-Ui 2.15.0 table二次封装表格最近项目中很多页面都用到了表格,element官网上的使用方法在项目中使用,会让html结构略显繁琐,以及之前在iview表格的使用上带来的灵感,基于此目的自己对表格进行了二次封装。不足之处还望各位多家指正,element table上所有方法、事件、属性均已移植过来,使用方式完全是参数配置性,<template> <el-table ref="tableDataRef" :d原创 2021-02-05 16:41:26 · 937 阅读 · 3 评论 -
cron表达式
一个基于vue3+Ant-Design-vue的cron表达式组件。原创 2024-03-15 17:58:37 · 206 阅读 · 0 评论 -
TreeData 数据查找
最近做需求的时候遇到了这样的一个需求,Tree组件数据支持查找,而且TreeData的数据层级是无限级的开始想的事借助UI组件库(Ant-design-vue)中的Tree组件的相关方法直接实现,看了下api 发现没法实现,后来想通过手动构建节点树实现,这样就需要写递归组件,需要重新写编辑,删除逻辑(本人有点懒所以就没采取),最后还是在数据上动手。原创 2024-02-22 15:31:25 · 597 阅读 · 0 评论 -
vue3 webSocket 封装及使用
【代码】vue3 webSocket 封装及使用。原创 2023-11-22 15:52:33 · 1310 阅读 · 5 评论 -
js语法基础
##一、JavaScript基本介绍及发展趋势ES5是2019年发布,在所有现代浏览器中得到了相当完全的实现###二、编写JS及如何运行JS1.在HTML普通标签中直接写入JS代码写在标签上的 js 代码需要依靠事件(行为)来触发原创 2023-02-09 17:46:31 · 290 阅读 · 0 评论 -
vue基础教程
vue基础教程,带你走进vue原创 2022-07-24 20:42:21 · 2761 阅读 · 0 评论 -
VScode为Vue文件设置模板代码
VScode为Vue文件设置模板代码(1)\安装 Vetur 和 VueHelper 插件,安装完成后需要重启 VScode。(2)在扩展插件搜索框中找到如下 Vetur 和 VueHelper 两个插件,注意看图标,千万别安装错插件了(3)为 vue 添加模板代码片段。(4)选中 vue 项。(5)在打开的 vue.json 中加入你的模板代码片段。{ "vue": { "prefix": "vue", "body": [ " <!-- @description原创 2021-12-17 15:00:35 · 339 阅读 · 0 评论 -
vue文件配置
vue-cli4 全面配置 细致全面的 vue-cli4 配置信息。涵盖了使用 vue-cli 开发过程中大部分配置需求。 不建议直接作为模板,希望能按照此教程按需配置,或者复制 vue.config.js 增删配置,并自行安装所需依赖。配置多环境变量 通过在 package.json 里的 scripts 配置项中添加–mode xxx 来选择不同环境 只有以 VUE_APP 开头的变量会被 webpack.DefinePlugin 静态嵌入到客户端侧的包中,代码中可以通过 proces原创 2021-10-10 19:28:41 · 882 阅读 · 0 评论 -
vuex4.x+ts的简单用法
vuex4.x+ts的简单用法vue3已经出来有段时间了,vuex4.x最近也刚刚出来,然后就想着用vue3+ts做一个项目这篇文章用来记录vuex4.x 中module的使用定义模块命名空间namespaced: true 命名空间 防止模块命名冲突设置后调用mutations和action需要‘模块名/方法’ 例如 app/setMenuListexport const app = { namespaced: true, // 防止模块命名冲突 设置后调用mutati原创 2021-04-20 16:37:39 · 3248 阅读 · 6 评论 -
ts通过class类封装axios
ts通过class类封装axios一、axios 安装npm i axios -S二、HttpRequest类封装// 文件 utils/axios.tsimport axios, {AxiosInstance, AxiosRequestConfig} from 'axios'class HttpRequest { private readonly baseUrl: string; constructor() { this.baseUrl = 'http:/原创 2021-04-14 14:57:04 · 1496 阅读 · 0 评论 -
voided redundant navigation to current location: “/xxxxxx“
vue路由跳转报错Avoided redundant navigation to current location: “/xxxxxx“.一、原因在使用this.$router.push进行路由的跳转时,出现如下报错:原因:重复路由跳转,比如说当前路由是商品详情页面/detail,但是点击按钮进行this.$router.push操作,要跳转的还是详情页面/detail。二、解决报错升级vue-router版本为3.0即可解决,项目目录下运行命令:修改VueRouter原型对象上的原创 2021-04-13 16:04:17 · 502 阅读 · 0 评论 -
hash与history的区别
hash与history的区别两种路由模式原因原因 对于 Vue 这类渐进式前端开发框架,为了构建 SPA(单页面应用),需要引入前端路由系统,这也就是 Vue-Router 存在的意义。前端路由的核心,就在于 —— 改变视图的同时不会向后端发出请求。因此有两种路由hash: 即地址栏 URL 中的#符号(此 hash 不是密码学里的散列运算)。比如这个 URL:http://www.abc.com/#/hello,hash 的值为 #/hello。它的特点在于:hash 虽然出现原创 2021-04-09 09:18:33 · 7316 阅读 · 0 评论 -
computed和watch区别
触发条件不同computed计算属性会依赖于使用它的data属性,只要是依赖的data属性值有变动,则自定义重新调用计算属性执行一次。watch则是在监控的data属性值发生变动时,其会自动调用watch回调函数。应用场景不同执行异步操作,开销较大的操作,避免堵塞主线程,使用watch。简单且串行返回的,使用computed...原创 2019-08-29 14:05:12 · 655 阅读 · 0 评论 -
结合Element Ui的分页
1、背景最近突然想起来好久没有写和页有关的东西,正好昨晚和别人讨论到了,所以就想结合Element来写一点了。2、实现思路2.1、Element UI 引入(整体引入)main.js// Element UIimport Element from 'element-ui'// 默认样式import 'element-ui/lib/theme-chalk/index.css'复制...原创 2019-08-24 19:22:08 · 185 阅读 · 0 评论 -
vue生命周期
解析vue生命周期Vue生命周期简介Vue实例从创建到销毁的过程,就是生命周期。详细来说也就是从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、卸载等一系列过程。钩子函数(Hook)钩子是Windows消息处理机制的一个平台,应用程序可以在上面设置子程以监视指定窗口的某种消息;钩子机制允许应用程序截获处理window消息或特定事件,钩子函数可以理解为js运行进程中在其特定...原创 2019-07-10 19:35:31 · 121 阅读 · 0 评论 -
vue cli3常用配置
曾经我们熟悉的build文件不见了,config文件也不见了,如果你用过vue之前的版本,那么你一定会说,诶呦卧槽,老子怎么配置相关文件。不要急不要慌,楼主给你解决办法第一步在项目的根目录下创建vue.config.js文件module.exports = { // 基本路径 publicPath: '/',//注意新版本这里改成了publicpath // 输出文件目...原创 2019-11-25 14:17:35 · 305 阅读 · 0 评论 -
vue cli3跨域配置问题
最近工作不是很忙,来就想自己搞个vue项目练练手,之前工作项目框架都是公司大佬搭建的,这次自己搭建框架遇到了一个跨域的问题,在网上百度了很多教程,讲的都不是很如我意,这里自己写一篇博客记录一下。axios.js封装请求代码//此页面只需要改baseURLimport axios from 'axios'// 创建 axios 实例const service = axios.create({ baseURL:"http://localhost:9909",//本地打开项目访问地址,切记需.原创 2020-05-13 09:39:47 · 449 阅读 · 0 评论 -
vue拖拽弹窗
最近一直在忙着大屏项目,iview中的弹窗不能满做我拖拽的需求,就自己写了一个。小面这张图片是弹窗的样式<template> <!-- * Developer: shiyzhang * Date: 2020/08/27 * email: zsyou0911@163.com --> <!-- 弹框 --> <div id="popupBox1" :style="{'top':top,'left':left,'width':width原创 2020-08-28 13:39:46 · 861 阅读 · 0 评论 -
基于element-ui表格二次封装
之前有基于element-ui表格单独的而封装表格,文章目录主要封装tables文件excel前端导出文件对象深拷贝请求方式使用方式1、传入url表格组件自动处理请求数据2、数据在外部请求elementUI版本 "element-ui": "^2.15.0" (element官网)本次封装移植了elementUI上的所有方法,只需要通过columns去配置即可本次二次封装中集成了,表格分页,前端下载(支持下载当前页和指定数据量数据),表格列筛选功能使用时注意文件路径。文章结尾会有使用示.原创 2021-02-05 19:19:40 · 995 阅读 · 0 评论