vue-router 基本使用

  • Post author:
  • Post category:vue

vue-router 基本使用 路由,其实就是指向的意思,当我点击页面上的home按钮时,页面中就要显示home的内容,如果点击页面上的about 按钮,页面中就要显示about 的内容。Home按钮 => home 内容, about按钮 => about 内容,也可以说是一种映射. 所以在页面上有两个部分,一个是点击部分,一个是点击之后,显示内容的部分。 点击之后,怎么做到正确的对…

继续阅读 vue-router 基本使用

从0到1:通用后台管理系统 Vue3使用wangEditor

  • Post author:
  • Post category:vue

那么这一节我们在编辑公司信息的弹窗中使用富文本插件 wangEditor官网 Vue3使用wangEditor 安装wangEditor 在弹窗中引入wangEditor结构 api接口部分 editor组件script部分 怎么去修改富文本的编辑器? 案例内效果: 安装wangEditor npm install @wangeditor/editor --save npm install @wa…

继续阅读 从0到1:通用后台管理系统 Vue3使用wangEditor

vue客户端编译非常慢,经常卡在某个点

  • Post author:
  • Post category:vue

文章目录 前言 一、babel-plugin-dynamic-import-node插件 二、使用步骤 1.注册插件 2.配置 总结 前言 vue客户端编译非常慢,经常卡在75%这里。随着项目越来越大,view目录下的功能页面越来越多,编译版本需要30分钟,平时开发只能在view目录只留下要改的模块其他的删掉,这样来加快编译。网上也查找过各种各样优化编译的方法都不行,直到用了babel-plugi…

继续阅读 vue客户端编译非常慢,经常卡在某个点

尚硅谷前端框架——Vue学习笔记

  • Post author:
  • Post category:vue

第 1 章:Vue 核心 1.1. Vue 简介 1.1.1. 官网 英文官网: https://vuejs.org/ 中文官网: https://cn.vuejs.org/ 1.1.2. 介绍与描述 动态构建用户界面的 渐进式 JavaScript 框架 作者: 尤雨溪 1.1.3. Vue 的特点 遵循 MVVM 模式 编码简洁,体积小,运行效率高,适合移动/PC 端开发3。它本身只关注 UI…

继续阅读 尚硅谷前端框架——Vue学习笔记

vue iview表单验证,清除表单验证/去掉表单验证的*号

  • Post author:
  • Post category:vue

前言: 最近写isop项目遇到的问题, 表单验证,默认的iview写法加上prop,在data里面定义,input前面就会有个红色的 号,表示这里必填加了验证,测试觉得这个 号碍眼,让我去掉,第一次遇到这种需求,当时宕机了两秒,然后想着可以覆盖样式,确实可以 <template> <Form ref="formValidate" :model="formValidate" :ru…

继续阅读 vue iview表单验证,清除表单验证/去掉表单验证的*号

在Vue 项目中 使用Vue-json-viewer插件 展示JSON格式数据

  • Post author:
  • Post category:vue

问题 将从后台获取到的请求参数以JSON的数据格式进行展示 效果 效果如下图所示,将数据进行格式化展示 从后台拿到的数据 使用vue-json-viewer插件格式化之后页面显示的数据 代码 1、 npm install vue-json-viewer --save //安装插件 2、在页面中引入、注册 插件 <script> import JsonViewer from 'vue-j…

继续阅读 在Vue 项目中 使用Vue-json-viewer插件 展示JSON格式数据

Vue 前端md5加密

  • Post author:
  • Post category:vue

场景:需求是要把登录时候的密码加密,不允许用户在浏览器F12和类似Fiddler之类的抓包工具抓包获取用户登录的密码参数 解决办法和思路:使用md5加密 用户注册时将加密后的密码发送给后端存储 当登陆的时候,再将加密后的密码和数据库中加密的密码相匹配。 此加密无须解密 md5介绍 md5加密 MD5(单项散列算法)的全称是Message-Digest Algorithm 5(信息-摘要算法),经M…

继续阅读 Vue 前端md5加密

vue + ElementUI 关闭/取消对话框时清除form表单

  • Post author:
  • Post category:vue

要求:在点击x和点击取消时,清空form表单 1、点击x时,清空form表单 解决方法:需要用到dialog组件的before-close属性 <el-dialog title="新增专家信息" :visible.sync="addExpertInfo" :before-close="closeExpertFormDialog"> //关闭dialog前 closeExpertForm…

继续阅读 vue + ElementUI 关闭/取消对话框时清除form表单

Vue中数据劫持

  • Post author:
  • Post category:vue

Vue中的数据劫持 Vue中响应式系统的核心: { 数据劫持: 使用Object.defineProperty(this, 属性名,{属性值的配置项} ); 依赖收集: 因为上一步数据劫持后, 在解析模板时,替换模板中的变量就需要读取变量的数据,此时就会触发数据的get方法,在get方法中收集所有依赖这个数据的dom节点; 观察者模式; 后续数据发生变化, 就会走set方法, 此时读取以前收集所有…

继续阅读 Vue中数据劫持