07 2022 档案
摘要：方式一： main.js 设置全局变量 import api from '@/api' app.config.globalProperties.$api = api 使用全局变量，使用 getCurrentInstance 方法。 // ctx.$api 就是全局设置的变量 const { prox
阅读全文
摘要：vite 配置 //element 全局默认大小为small app.config.globalProperties.$ELEMENT = { size: 'small', }
阅读全文
摘要：App.vue 直接拷贝 <template> <el-config-provider :locale="locale"> <router-view /> </el-config-provider> </template> <script > import { ElConfigProvider }
阅读全文
摘要：效果图 六边形战士 <svg> <g stroke="black" stroke-width="1px" fill="white"> <path d="M20 0 L60 0 L80 40 L60 80 L20 80 L0 40 Z" stroke="#000" stroke-width="1" /
阅读全文
摘要：效果图 使用插槽 slot="label" 实现，直接上代码。 <el-form-item prop="method"> <label slot="label"> 计 算 方 法： </label> <el-input v-model
阅读全文
摘要：刷新 token，保持登录 // 计算是否快要过期 const isTokenExpired = () => { const expireTime = new Date(store.state.accessTokenExpiresIn).getTime() const timeDifference
阅读全文
摘要：用JS来动态设置CSS样式(设置成行内样式)，常见的有以下几种 修改 CSS 属性前，需获取 DOM 元素，获取 DOM 元素方法见：https://www.cnblogs.com 获取dom元素后，直接设置style的属性 某些情况用这个设置 !important值无效 如果属性有'-'号，就写成
阅读全文
摘要：1、根据id获取元素 1、根据id获取元素，document.getElementById("id属性的值")，返回值是一个元素对象。 <div class="box" id="oneBox" > <span>测试</span> <span>测试</span> <span>测试</span> </d
阅读全文
摘要：vue中路由守卫（路由守卫）一共有三种，一个全局路由守卫，一个是组件内路由守卫，一个是router独享守卫 全局路由守卫 所谓全局路由守卫，就是小区大门，整个小区就这一个大门，你想要进入其中任何一个房子，都需要经过这个大门的检查全局路由守卫有个两个：一个是全局前置守卫，一个是全局后置守卫。 一般在
阅读全文
摘要：方法一： 父组件 <EasyFlow :quitFlag.sync="quitFlag" /> 子组件 props: { quitFlag: { type: Boolean, default: false, }, }, methods: { handleSave() { // 此时父组件的值进行响应
阅读全文
摘要：框选文章传送门：https://blog.csdn.net/qq_44943717/article/details/117662444 ctrl、shift 多选文章传送门：https://i.cnblogs.com/
阅读全文
摘要：我们右键事件会获取到这条线的信息，但是当我们没有右键事件，没有详细信息，只有源端口和目的端口的信息 获取删除连线的信息，使用 getConnections 方法获取删除需要的详细信息，获取到所有的连线信息，数组格式 // 获取端口到端口的连线信息 const nodeConn = this.jsPl
阅读全文
摘要：写的很好的博主 博客园：https://blog.csdn.net/MyFuture_MyDream/article/details/116225441 知乎：https://zhuanlan.zhihu.com/p/112256905
阅读全文
摘要：监听组合键例子 mounted() { // 绑定监听事件 window.addEventListener("keydown", this.keydown); }, beforeDestroy() { // 移除监听事件 window.removeEventListener('keydown', t
阅读全文
摘要：为对应的 input 输入框添加 @keyup.enter.native 事件 只有在 input 中回车触发 <el-input placeholder="请输入内容" v-model="searchInput" @keyup.enter.native="handleKeyUp"></el-inp
阅读全文
摘要：第一种：VUE响应函数方式 复制动作使用的是VUE响应函数方式，这就为复制前控制数据提供了可能。 // 复制之前可以进行数据处理，点击事件 share(val) { //数据处理 this.message = this.message + ' ' + val let _that = this; th
阅读全文
摘要：传送门：https://cloud.tencent.com/developer/article/1598269
阅读全文
摘要：vue2修饰符的使用传送门： https://www.cnblogs.com/xuqp 键盘对应数值传送门：https://blog.csdn.net/han_ying_ying/article/details/46636695 官网修饰符地址：https://cn.vuejs.org/v2/gui
阅读全文
摘要：为什么需要持久化处理？ 如果不做初始化，刷新页面，vuex中代码重新执行，数据就会丢失。（把数据存储到本地） 持久化处理方法 1、安装 vuex-persistedstate 插件 或 vuex-along 传送门：https://juejin.cn/post/6918684399659646989
阅读全文
摘要：jsplumb 使用网站 传送门：https://github.com/wangduanduan/jsplumb-chinese-tutorial jsplumb 项目 一个集合多种开源插件的项目 传送门：https://gitee.com/jeeagile/jeeagile 体验地址：https:
阅读全文
摘要：推荐使用 vue-drag-resize jsuery.ui 也可以实现 记录一些好的使用博客 知乎文档传送门1：https://zhuanlan.zhihu.com/p/407509202 掘金文档传送门2：https://juejin.cn/post/6844903713430061063#he
阅读全文
摘要：JS scale缩放 节点缩放 handleHorizontalTurn(node) { let dom = this.$refs[node.id][0].$el; dom.style["-webkit-transform"] = `scale(${this.zoomScale})`; dom.st
阅读全文
摘要：右键事件 @contextmenu.prevent.native="openContextMenu($event, node)" 右键事件 //右键自定义菜单 openContextMenu(ev, node) { this.contextMenuLeft = ev.x - 320; this.co
阅读全文
摘要：@import url(style.css) 和 @import url("style.css")是最优的选择，兼容的浏览器最多。从字节优化的角度来看@import url(style.css)最值得推荐。 @import url('../css/simulink.css'); @import '.
阅读全文
摘要：mouseout：鼠标移出事件 contextmenu ：弹出右键菜单 mouseover：鼠标移入事件 contextmenu ：弹出右键菜单。 mousedown：当用户按下了鼠标还未弹起时触发。 mouseup：当用户释放鼠标按钮时触发。 mouseout：当鼠标移出某个元素上移动时触发。 m
阅读全文
摘要：屏幕放大、缩小，自适应 this.myChart 是获取存放图标的盒子元素 mounted() { window.addEventListener("resize", () => { this.myChart.resize(); }); }, beforeDestroy() { window.rem
阅读全文
摘要：放大缩小代码 使用getZr()注册和取消mousewheel事件 字体大小设置放在 textStyle 里面 this.myChart.getZr().off("mousewheel") this.myChart.getZr().on("mousewheel", (param) => { let
阅读全文
摘要：原因：初始化没有获取到元素 方法：初始化的时候，使用$nextTick延后执行 mounted() { this.init(); }, methods: { init() { this.$nextTick(() => { this.initPic(); }); }, initPic() { cons
阅读全文
摘要：//引入 import { mapState } from 'vuex' //计算属性使用 computed: { ...mapState(["curUserInfo"]), },
阅读全文
摘要：vue 写法 data() { const equalToPassword = (rule, value, callback) => { if (this.form.newPassword !== value) { callback(new Error("新密码与确认密码不一致，请仔细核对"));
阅读全文
摘要：同源策略/SOP（Same origin policy）是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，浏览器很容易受到XSS、CSFR等攻击。所谓同源是指"协议+域名+端口"三者相同，即便两个不同的域名指向同一个IP地址，也非同源。 跨域：三者，只要有任何一个不一样，就会产生跨
阅读全文
摘要：第一种 请求api中的response类型必须添加responseType: "blob"（因为response回传不存在blob类型，默认字符串，会导致下载的文件无法解析） // 导出用户登录日志 exportJournalLogin(params) { return http({ url: `J
阅读全文
摘要：功能：表格点击单元格出现input，点击空白关闭，单元格出现的点击事件加不了？ 在input外层加一个div,点击事件 @click.stop <div v-if="scope.row.isSelected" class="tableCell" @click.stop > <el-input ref
阅读全文
摘要：使用 native 修饰符 <el-row @click.native="handleTotal" > </el-row>
阅读全文
摘要：第一种：JS // 返回唯一标识 getUUID () { return Math.random().toString(36).substr(3, 10); }, 第二种：nanoid 传送门：https://www.npmjs.com/package/uuid 第三种：uuid 传送门：https
阅读全文
摘要：由于地区不同，Unicode转换规则不一样，如果不知道代码涉及什么语言，最好使用特定地区的实现方法 大写 toUpperCase toLocaleUpperCase ：在基于特定地区实现 const abc = 'abc' abc.toUpperCase() // ABC abc.toLocaleU
阅读全文
摘要：trim 创建字符串的一个副本，删除前后所有空格字符 const abc = ' abc ' const one = abc.trim() // abc trimLeft 清除字符串开始空格 const abc = ' abc ' const one = abc.trimLeft() // 'abc
阅读全文
摘要：repeat 复制字符串 const abc = 'abc' abc.repeat(2) // abcabc padStart 复制字符串，如果长度小于制定的长度，在开始位置填充字符，直到满足长度条件。 const abc = 'abc' abc.padStart(5,'.') // ..abc p
阅读全文
摘要：startsWith 和 includes 接收第二个参数，从指定的位置向字符串末尾搜索，忽略之前的字符 endsWith 接收第二个参数，表示字符串末尾位置 includes 检查整个字符串 const abc = 'abcdefg' const one = abc.includes('abc')
阅读全文
摘要：与 concat() 方法一样，slice()、substr()、substring() 也不会修改调用它们的字符串 slice slice 输入一个参数的时候，默认从当前位置，到最后一位 一个参数，从参数位数起，默认到末尾 二个参数，第一个参数，从第几位开始，第二个参数，截取到第几位 如果第二个参
阅读全文
摘要：Vue 回车登录（一） 此回车为全局回车方法 created() { this.keyUpSubmit(); }, methods: { // 回车登录 keyUpSubmit() { document.onkeydown = () => { let key = window.event.keyCo
阅读全文
浙公网安备 33010602011771号