vue
关注
分享
扫一扫
文章平均质量分 64
Mr_Debugger
web小白
展开
-
Vue项目前端代码防止被调试
前端代码防止被调试，无非就是打开控制台，卡住页面不让他往下走。有以下几种办法1、打开控制台，无限debugger2、打开控制台，无限加载3、打开控制台，重定向到新的页面原创 2023-09-21 17:14:02 · 3094 阅读 · 4 评论 -
Uncaught ReferenceError: process is not defined
最近在搞老项目升级,将Vue2.6.11里的vuecli5.0.8升级到vite最新版本4.4.9，中间遇到不少问题，有机会以后做记录。原创 2023-09-01 15:18:06 · 3475 阅读 · 4 评论 -
Vue2.7.14、vuecli@5.0.8 升级 vite@4.4.8
Vue2.7.14、vuecli@5.0.8、element-ui@2.15.13、node14.18.3升到vite4.4.8原创 2023-08-18 16:48:59 · 2750 阅读 · 1 评论 -
vue项目优化首评加载速度，以及白屏时间过久
测试环境的管理后台应客户需求最近加了点东西，加载的东西变多，使得整个项目变得有点臃肿了，首屏以及刷新后渲染速度变得极其缓慢。之前10s左右还能勉强接受，这次一下干到30s，整个人都崩溃了，花了点时间优化了一下。环境：vue：2.6.11，vue-cli：3.0。...............原创 2022-08-30 17:24:14 · 1703 阅读 · 0 评论 -
Vue3 框架使用报错以及解决办法
el-submenu,但是显示出了问题，不能正常显示。感觉是这个组件的问题，查了一圈没找到解决方法，最后看官方文档发现el-submenu变成了el-sub-menu。7、vue.config.ts import path from 'path' 配置报错。8、vue3+element-plus里面的el-submenu组件显示问题。4、yarn add element-plus --save报错。引入组件时，没有添加.vue后缀 或者引入的组建没有被使用。3、cnpm安装element-plus报错。..原创 2022-08-20 13:08:50 · 15838 阅读 · 1 评论 -
Vue项目截图，谷歌浏览器下载本地或者另存为到对应的文件夹
然后仔细查了showSaveFilePicker这个api，发现这个东西只支持https和本地开发，科学上网之后也没找到好的解决办法。只能让后端搞个证书页面加载的时候转到https。本地开发的时候这时候调用callback，发现可以保存到电脑里的任何地方去了。这个只是目前的过渡方案，后续https如果能转过去，再更新一下。然后坑爹的事情来了，放到测试环境后，功能并没有实现。现在的实现方法搞了一个先过度一下，插件具体使用可点击超链接查看。首先下载插件到本地项目。在项目中具体使用方法。.........原创 2022-07-18 20:20:18 · 2042 阅读 · 1 评论 -
keycloak单点登录（浙政钉2.0扫码、手机号验证码登录）
写在前面：本篇博客只针对前端代码实现，keycloak配置什么的，自己和后端或者运维联调吧。说实在的，因为不熟悉keycloak代码的逻辑，再加上时间紧，所以搞了一些很多骚操作。登录这些前端代码是写在keycloak项目里的，文件是.ftl，还好政府项目没有对UI有什么很高的要求。扫码登录和手机号验证码，成功之后是跳转到Vue项目里的。 @TOC浙政钉扫码登录扫码登录：专有钉钉扫码登陆流程我这里采用的时第二种实现方式，嵌入iframe,但是这样有个弊端，开发时由于跨域，无法改二维码的样式。原创 2021-02-19 18:14:02 · 7943 阅读 · 4 评论 -
Vue 动态数据实现 el-select 多级联动、数据回显
父组件<ProviderCategory v-model="classificationId"></ProviderCategory>import ProviderCategory from './ProviderCategory'<script>import ProviderCategory from './ProviderCategory'export default { components: { ProviderCategory.原创 2020-05-17 23:49:25 · 4717 阅读 · 0 评论 -
Vue-cli@3.0 IE 浏览器路由跳转报错
19年9月份在优快云发布了一个帖子，悬赏200分解决这个问题。传送门之后解决了，然后看到不少人因为这个问题加我,问我解决办法，今天开了个文章说一下这件事。前端脚手架用Vue-cli3.0搭建的，其他浏览器都是好的，只有IE不行，本机IE版本IE11,点击登录跳转报错因为客户要兼容IE，登录之后跳转到其他页面时，结果是空白。前端报错看到这个报错觉得既然是语法问题，心想估计是ba...原创 2020-03-16 10:50:31 · 1105 阅读 · 0 评论 -
vue axios springmvc 跨域传参
No 'Access-Control-Allow-Origin' header is present on the requested resource.'Ajax跨域访问解决方案 The Response had HTTP code 403.前台配置vue在配置文件中提供了proxyTable来设置跨域，在config文件夹的index.js文件中proxyTable: { '...原创 2018-09-11 15:15:27 · 1257 阅读 · 0 评论 -
vue+elementui自定义Dialog组件之登录弹框话框实现(实现不同vue组件关联)
elementui提供一个可实现弹框的组件el-dialog,一般会将弹框写在一个vue文件，通过el-dialog套用类似于这种<el-button round @click="dialogFormVisible = true">登录</el-button><el-dialog title="登录" :visible.sync="dialogFormVisi...原创 2018-09-30 12:15:40 · 18400 阅读 · 7 评论 -
vue elementui springmvc实现图片上传功能
<el-row> <el-col> <el-form-item label="头像:"> <el-upload class="avatar-uploader" action="http://localhost:8080/linkjb/...原创 2018-10-09 22:22:48 · 1784 阅读 · 4 评论 -
vue elementui 动态获取数据 遍历循环 生成el-radio-group
单选先看一下单选实际效果图点击编辑图标显示单选框实际上是比较简单的。由于很多数据是从数据库里取出来的。先看一下我存入的数据格式，为了方便操作，我是单选一张表，多选一张表，当然也可以放在一起，我是为了灵活多用，避免数据混淆，出现bug,说到底就是不做那么多判断，太麻烦了<el-card class="boxs-card"> <...原创 2018-11-29 11:19:44 · 26410 阅读 · 3 评论 -
vue+elementui 动态获取数据 遍历循环 生成el-checkbox-group
实际效果，参照了http://www.cnblogs.com/wjunwei/p/9531322.html数据库存表方式和单选一样<el-card class="boxs-card"> <div slot="header" class="clearfix"> <span>多选题<...原创 2018-11-29 15:26:46 · 43530 阅读 · 3 评论 -
vue-cli@3.0 axios将pdf二进制文件流转换成pdf文件
如果是本地pdf文件可参考https://blog.youkuaiyun.com/shentibeitaokong/article/details/80011900pdf文件流可参考https://www.jianshu.com/p/242525315bf6将以上两种结合在一起作为参考（通过引入pdf.js,iframe嵌入实现预览、打印功能）首先去vue-pdf.js-demo，将pdf下的所需...原创 2019-04-08 22:43:38 · 5724 阅读 · 5 评论 -
uniapp通过webview调用第三方页面 App 小程序
##更新于2019-07-12最近在把App代码转换到小程序上，之前写的webview的东西放到小程序上无法使用，而且支付宝小程序居然是如此的坑。所以我们换一种方法使用，这个方法放到App上一样兼容，可以放心使用。如果有需要App页面的，可以参考我之前的写法。首先新建一个webview.vue界面（src对应的地址html，需要你自己定义,可以通过传参）login.vue组件跳...原创 2019-06-03 20:27:34 · 23518 阅读 · 2 评论 -
Vue基础知识简介
jQuery 完全是用来驱动Dom,点击对应的数据去动态加载，绑定未来元素有可能没有 vue完全的为视图层去服务，会将视图完全分离开来：关心的是Model 和 View vue是MVVM模式 M(模型):当前视图中可用的数据 V(视图):渲染的UI 即HTML VM(视图模型): 后端模型:m-v-c-v-m...原创 2018-04-19 08:01:09 · 1691 阅读 · 0 评论 -
Vue基础知识简介2
<!--解决{{}}闪烁的问题--> window.onload=function(){ new Vue({ el:'#my',//2.0不允许挂载到html body元素上 data:{ msg:'Hello World',...原创 2018-04-19 23:55:06 · 324 阅读 · 0 评论 -
Vue基础知识简介3
Vue生命周期(创建 挂载 更新 销毁) beforeCreate（做遮罩层，显示loading转圈圈） function beforCreate(){alert("实例刚刚创建，并未进行数据观测和事件配置")//创建前状态,el和data并未创建初始化} created function...原创 2018-04-23 13:59:02 · 232 阅读 · 0 评论 -
Vue基础知识简介4：watch、$set $delete、自定义指令、组件
事件监听watch 与计算属性相比，当监听到值发生变化是过程式开发，比较笨重 var vm=null; window.onload=function(){ vm=new Vue({ el:"#my", data:{ name:"so...原创 2018-04-23 16:43:09 · 1119 阅读 · 0 评论 -
Vue基础知识简介5:组件之间传参、axios
components:{'my-row':{ template:'#myrow', data(){ return{ name:'papa', ...原创 2018-04-25 17:39:21 · 584 阅读 · 0 评论 -
vue环境通过bower搭建
Bower的安装（为什么使用bower，因为它可以节省掉你去git或是网上找js的时间;） bower 安装之前先安装Git，可参考（点击打开链接） 在D盘下新建一个vue文件夹（D:\vue） （windows条件下：如果快捷列表里没有找到找到 Git CMD，通过安装路径找到C:\Program Files (x86)\Git\Git CMD） ...原创 2018-04-17 10:20:53 · 1155 阅读 · 0 评论