vue-pc

vue-pc端禁止用户选中文字-右键-复制

前言pc端开发中我们经常会遇见一些页面，会因为刷新，渲染，卡顿出现文字选中效果或者一些敏感的页面我们不希望用户复制，选中，页面的文字信息，比如考试，敏感信息其实这些也是可以通过代码控制的，这样可以使项目更加安全，合理。把代码写在页面mounted就是这个页面不可以复制，选中，右键，写在app.vue页面的mounted就是整个项目不可以选中，复制，选择代码实现this.$nextTick(()=>

-風过无痕·2023-08-25 09:09

vue-pc上传优化-uni-app上传优化

vue-pc上传优化当我们使用自己搭建的文档服务器上传图片时候，在本地没问题，上线上传会比较慢这时候我们最简单的方法就是写一个加载组件，上传之前打开组件，掉完接口关闭组件或者不想写直接使用element

-風过无痕·2023-08-23 09:39

uni-app接口请求封装

正所谓“工欲善其事必先利其器”，在vue-PC项目中，我们可以借助axios来封装对应的api接口请求（ps：axios的接口请求封装）。

三月.暖阳·2023-08-11 06:00

vue-pc端实现按钮防抖处理-自定义指令

前言我们经常在移动端会处理按钮和输入框的防抖和节流处理，在pc端很少进行这样的操作但是在pc端也是可以进行按钮的防抖操作，这样也是比较合理，可以不用但不可以不会我们只要配合vue项目自定义指令加上全局注册，就可以实现按钮的防抖操作。并且这种方式是在做加法，把自定义指令全局注册之后，只需要把@click换成v-antishake（自定义指令）即可项目自定义指定-全局注册包结构代码实现-项目有自定义指

-風过无痕·2023-08-11 05:13

vue-pc端elementui-统一修改问题-Dialog 对话框点击空白关闭问题-element-所有组件层级问题

前言实际开发我们经常发现dialog弹出框默认点击遮罩层空白地方就会关闭-有属性可以关闭但是经常会图方便-或者已经写完了，不想一个个写，可以在main.js进行统一关闭当我们在页面进行复杂设计和层级关闭改变，会发现右上角的退出登录弹出款在我们页面之下这是我们不管怎么修改这个组件，和行内样式的层级都没什么效果，这是我们可以在main.js统计进行层级改变实现过程-main.js文件1.修改dialo

-風过无痕·2023-08-11 05:13

vue-pc端Message 消息提示防抖处理-短时间内只触发一次

前言element提供的的message消息提示用确实方便直接代码就搞定。但是在特定的场景并不适用点击某一个点位提示用户点击了或者websocket推送提示用户来信息了（这种提示用户场景）如果有很多推送信息来，或者用户一直点击。这是屏幕会一直弹出message提示信息往下堆叠并不友好，而且还会把屏幕挡住。使得用户体验很不好，我们应该对弹出框信息进行防抖处理并且这种处理我们最好做加法，这样原来在页面

-風过无痕·2023-08-11 05:38

electron 打包 vue项目应用端

1.先安装在当前项目根目录下安装打包插件npminstallelectron-builder或全局安装npminstallelectron-builder-g2.cd到vue-pc目录下执行命令vueaddelectron-builder

Rascar·2023-07-22 14:01

vue-pc后台管理系统：实现标签页(二)

1.el-main的标签页，和左侧菜单进行联动动态增减标签页静态初始页面exportdefault{name:"Home",data(){return{//当前路由名字currentRouterName:"",//当前激活菜单的indexcurrentRouter:"/first",//是否折叠菜单isCollapse:false,//配置路由routeList:[{name:"导航一",url:

彧子吱吱吱吱·2023-06-22 01:14

vue-pc后台管理系统：文件导入和导出(五)

后台管理系统肯定会涉及文件的导入和导出，因此根据我的了解做个总结。我这里举例是xls、xlsx涉及的组件是el-upload文件的导入和导出导入将文件拖到此处，或点击上传只能上传.xls,.xlsx文件{{fileName}}导入导出导出1.导入上传文件格式检验import{uploadExcel}from"@/api/index.js";exportdefault{name:"Third",me

彧子吱吱吱吱·2023-06-22 01:14

vue-pc端性能优化-css样式代码抽取

前言当我们在一个vue页面写了html，css，js就会发现代码很多看着很头痛，其实css代码也是可以抽取出来的。我们可以在src/assets文件下新建style文件，把样式文件放在这里，引入到vue文件这样抽取代码之后，不管时本地跑代码和上线测试，都是没有问题的，因为打包已经打进去了。实现步骤-以dashboard.vue为例新建文件夹在src/assets/style/dashboard/d

-風过无痕·2023-04-15 14:32

vue-pc端适配谷歌浏览器有无书签栏和全屏问题

前言当我们使用模板进行二次开发时经常会遇到一个问题，就是有无书签栏的问题，视口就会相差一点，影响布局以谷歌浏览器为例当它没有书签栏的时候视口高度就会多50px左右，就是app-main高度会多50px左右这个问题本质是我们不知道用户浏览器是不是有书签栏和全屏的问题，那意思是有2中可能。我们不确定那解决方案就是我们写2套布局代码适配有无书签栏和有无全屏情况，麻烦的是我们要测算他们视口范围值使用css

-風过无痕·2023-04-15 14:32

vue 创建桌面应用

一、从创建开始1、使用Vue-cli创建vue项目vuecreatevue-pc2、cd到vue-pc目录下执行命令vueaddelectron-builder3、运行项目，确认项目是正常的npmrunelectron

Eric_csp·2022-08-05 22:32

vue-pc后台管理系统:搭建项目(一)

首先我处于会用vue的小白状态,但是不怎么会用element框架.特此来学习记录1.搭建项目vuecreatestart手动配置：需要什么自己选择（上下箭头切换空格选中）babel:转换es6语法的这个必须要typescript看自己需不需要用router管理路由的也选上vuex状态管理就看自己需不需要用csspre样式预处理器这个也加上linter/Formatter统一代码风格最后2个分别是单

彧子吱吱吱吱·2021-11-23 16:30

vue-pc 微信网页授权-扫码登录授权

写在前面本次微信登录是基于vue全家桶+element-ui开发的首先先理清楚微信网页授权登录的思路：1，在微信开放平台注册开发者账号，并且拥有一个已审核通过的网站应用，获取相应的appid和appsecert,申请微信登录且通过审核后，就可以开始了。2,配置微信的第三方回调域名，只有设置了回调域名，才能在扫码后微信处理完成回调到你当前的网站，在带给你code,然后在将code传给后台接受需要的消

郝艳峰Vip·2021-01-22 15:34

vue-pc端的项目实战的项目开发流程

项目介绍这是一款类似于驾考宝典的综合应用,是关于题库方面的后台管理系统部分项目的开发流程立项boss,产品,讨论确定做什么项目,包含功能什么什么是挣钱的等等流程图产品根据功能绘制出实现功能需要经历的各个步骤原型图产品根据业务流程产出原型图,绝大部分的交互效果能够体现出来原型图可以实现交互的效果,但是不会涉及到用户的操纵正在上传…重新上传取消正在上传…重新上传取消视觉稿视觉稿是视觉设计师根据产品原型

芳小帆.Sky·2020-08-08 10:40

VUE-PC端项目遇到的坑总结

1.跨域其中说到跨域的话首要的就是axios的配置//创建axios实例axios.defaults.timeout=60000//响应时间axios.defaults.headers.post['Content-Type']='application/json;charset=UTF-8'axios.defaults.headers.Authorization='WSAuth'+toBase64

Miamin·2020-02-10 10:49

推荐频道