
vue
37 degrees Celsius
这个作者很懒,什么都没留下…
展开
-
EventEmitter3在vue中的使用
eventBus的使用范围更加广泛,可以跨越不同组件和模块之间进行信息通信传递,它是一个全局概念的事件总线。通常作为一个单例对象存在,因此往往需要创建一个中央管理器的实例是一个基于类的模块,用于在单个组件或模块内部实现事件的发布和订阅。所以它可以在需要的地方创建实例对象,并将其用于内部事件的发布和订阅。原创 2023-11-15 10:18:41 · 1004 阅读 · 0 评论 -
vue+vite的创建
新增vue3原创 2022-12-07 11:38:02 · 893 阅读 · 1 评论 -
vue使用tinymce(新增字数限制)
前提:已经使用了tinymce,且是本地引用我这里是将其放在了/public/tinymce/plugins下面4、文档以上是引用插件的基本用法,但是部分项目在使用时还需要校验当输入超过后又删除回来的判断方法这里我对解压后的文件进行了修改:// plugin.js主要添加的就是这四行代码在返回后添加一个校验的bool值在并在函数中进行接收:原创 2022-11-21 12:03:15 · 5086 阅读 · 2 评论 -
vue自定义实例化modal弹窗
vue自定义实例化modal弹窗原创 2022-09-26 10:31:08 · 1567 阅读 · 0 评论 -
Vue websocket方法封装
vue 的websocket封装原创 2022-09-02 11:44:01 · 1849 阅读 · 0 评论 -
使用iview实现树的增删改
使用iview实现树的增删改原创 2022-08-11 16:53:53 · 600 阅读 · 0 评论 -
Mock.js的安装和使用
使用mock.js自定义接口,拦截ajax请求原创 2022-07-08 08:52:54 · 1291 阅读 · 0 评论 -
vite项目中使用process
vite项目遇到process is not defined原创 2022-06-23 15:46:09 · 5440 阅读 · 1 评论 -
Vite创建Vue2项目
注意:在 Vite创建项目 中讲到,Vite 官方对 Vue 的支持只针对于Vue3.x 版本,而对于 Vue2.x 是不支持的。使 Vite 支持 Vue2.x,是需要安装插件来实现 官方vue2插件1.使用vite创建基础项目 创建方式这里我使用的是npm(个人常用npm,无关其他):$ npm create vite@latest2.输入项目名按个人需求取即可,我这里随便叫一个vue2吧? Project name: vue23.选择框架? Select a framewo原创 2022-03-02 11:17:23 · 7249 阅读 · 2 评论 -
vite 初体验
Vite是什么?Vite 是Vue作者开发的一款想要取代webpack的工具(基于原生 ES-Module 的前端构建工具)其原理是利用ES6的import发送请求去加载文件的特性,拦截这些请求,做一些预编译,省去了webpack冗长的打包时间所以本质 Vite 其实就是利用了浏览器模块化功能的一个代理转化器,转化器应该能明白吧,就是类似 .vue 转化成 .js 文件。webpack 官网的例子已经很形象了。就把有相互依赖关系的模块,聚合转化成单个 .js 文件、单个 .css文件以及其他的一些静原创 2022-03-02 10:23:26 · 816 阅读 · 0 评论 -
vue项目中input打开文件夹
<el-form-item label="文件夹路径:"> <div>{{ form.collectPath }}</div> <input id="file" type="file" hidden webkitdirectory @change="fileChange"> <el-button @click="handleOpenMenu">打开文件夹</el-button></el-form-item>原创 2021-12-20 20:12:03 · 3436 阅读 · 5 评论 -
element实现超出隐藏省略号,鼠标移动悬浮显示
效果图:新增vue文件EllipsisTooltip.vue一般情况下我都是在component文件夹中创建改vue文件<template> <el-tooltip :ref="tlp" :content="text" effect="dark" :disabled="!tooltipFlag" :placement="placement" class="tooltip" > <span :class="c原创 2021-12-01 19:24:35 · 1010 阅读 · 0 评论 -
获取当前vue项目的webpack配置,并生成txt文档
npx vue-cli-service inspect > x.txt原创 2021-11-09 19:20:15 · 671 阅读 · 0 评论 -
使用vue-grid-layout完成桌面拖拽布局功能(实现两个元素互换位置)
最近有个项目需要实现和windows桌面类似的图标拖拽功能,找了很多组件都没找到一个合适的,但通过本博主的不懈努力最后发现了两款不错的插件:sortablejsvue-grid-layout本来一开始我使用的是第一个,但是可能是有点转不过来,最终放弃了第一个插件,但是第二个也确实香,虽然也有不少bug但是也不是不能解决的,下面就回到正题上来给大家粗略说一下:先上代码吧,怕大家等不及往下拉:<template> <div> <grid-layout :原创 2021-10-26 08:34:30 · 3950 阅读 · 0 评论 -
vue动态新增、修改、编辑树
弹窗组件<template> <div id="dialogCatalog"> <el-dialog title="产品目录管理" :close-on-click-modal="false" :close-on-press-escape="false" :visible.sync="dialogVisible" width="500px" :before-close="handleClose"原创 2021-08-23 15:25:19 · 778 阅读 · 0 评论 -
登录权限管理
该篇文章主要考虑的是:一个项目可同时等前台以及后台系统路由分为固定路由,以及动态路由固定的路由一般我们不进行考虑,它一般在开始的时候我们就将他进行挂载了动态路由我们需要进行接口获取时将其获取直接上代码:router/index.jsimport Vue from 'vue'import VueRouter from 'vue-router'import store from '@/store/index.js' // no redirect whitelistimport Admin原创 2021-08-06 09:21:14 · 486 阅读 · 0 评论