避免了到当前位置的冗余导航 红色警告是告诉你 已经在这里了 不会再发生跳转 其实这个错误可以不用管它了 注意:如果当前url上的"hash值和?参数"与你要跳转到的hash值和?参数"一致,爆出冗余导航的问题,不会跳转路由 使用 vue-router 编程式实现页面跳转 this.$router.push("/"); 出现错误如下图 原因： V3.1.0版本里面新增功能：push和replac…
两种方法： 第一种方法： npm 安装包 animate.css 和 wow.js 第二种方法：静态资源的引入 第一种方法： 1.引入静态资源包 静态资源包，需要注意的是。必须放到static文件夹下面 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewpo…
npm create vite@latest 和 npm init vue@latest 是针对不同的项目模板进行初始化的命令，具有以下区别： 1.npm create vite@latest： 使用 Vite 构建工具创建项目模板。 Vite 是一个现代化的前端构建工具，用于快速搭建现代化的 Vue、React 或者原生 JavaScript 项目。 通过该命令创建的项目模板具有现代化的构建特性…
1.Click Off to Close 有的时候，我们需要在用户点击元素之外的时候触发一个事件。最常见的用例是当你想通过点击关闭一个下拉框或对话框时。这是一个必不可少的包，几乎在我构建的每个应用中都会用到。 首选： vue-clickaway 我通常会将它安装在 main.js 中，以便在我的应用程序中使用。如果你只在一个或两个页面上使用它，你可能会想单独导入它。 如果你真的单独导入，请记住，指…
初始化vue 初始化事件、生命周期，触发beforeCreate钩子函数 然后把props、data、methods等这些成员注入到vue的实例上 然后触发created钩子函数，这时在created可以访问到props、data、methods等这些成员，到此vue创建完毕 模板=>渲染函数 $mount方法实际上就是把el转化为template（模板） 接下来要把模板编译成render函…
效果: <!-- /** * 下拉选择树形组件，下拉框展示树形结构，提供选择某节点功能，方便其他模块调用 * @author lgh * @date 2020-09-01 * 调用示例： * <tree-select :height="400" // 下拉框中树形高度 * :width="200" // 下拉框中树形宽度 * :data="data" // 树结构的数据 * :defa…
1.概述 vue-cli是官方提供的一个脚手架，用于快速生成一个vue的项目模板；预先定义好的目录结构及基础代码。 2.主要功能 统一的目录结构、本地调试、热部署、单元检测、集成打包上线 3.环境配置 Node.js ，简单的说就是运行在服务器端的javaScript http://nodejs.cn/download/(最新版) https://nodejs.org/zh-cn/download…
computed能完成的功能 watch都可以实现 反之不行 例如 :watch可以执行异步操作 监听属性(compued): 1.一次只能计算一个 变量 如果data有多个变量 则需要重新写一变 2.只是监听数据源data里面的属性,不产生新的属性 所以不用写return 计算属性($Watch): 1.只需要一个就行 因为 计算属性依赖于数据源data 里面的属性的但是一次可以依赖多个 2. …
首先不做处理 直接使用v-model绑定 /** * 父组件 */ <detail-filter-item :row-data="item" /> /** * 子组件 */ <el-input v-model="props.rowData.rowfieldVal" /> ESLint会报错 处理后 /** * 父组件 */ <detail-filter-item :r…
bpmn.js是一个BPMN2.0渲染工具包和web建模器, 使得画流程图的功能在前端来完成. 官方demo https://github.com/bpmn-io/bpmn-js-examples bpmn.js基本的使用 bpmn.js 画图有的基本内容: 1.安装 （此次介绍使用的老版本） npm install bpmn-js@6.0.1 npm install bpmn-js-proper…