随笔分类 - Vue 合集 / Vue2
摘要：使用：v-if 在 v-for 外层，给 v-for 多包一层 v-for 优先级高于 v-if 第一种方式： <ul v-if="true"> <li v-for="item in Users" :key="user.id" > {{ user.name }} </li> </ul> 第二种：使用
阅读全文
摘要：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/
阅读全文
摘要：为对应的 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
阅读全文
摘要：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
阅读全文
摘要：推荐使用 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
阅读全文
摘要：同源策略/SOP（Same origin policy）是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，浏览器很容易受到XSS、CSFR等攻击。所谓同源是指"协议+域名+端口"三者相同，即便两个不同的域名指向同一个IP地址，也非同源。 跨域：三者，只要有任何一个不一样，就会产生跨
阅读全文
摘要：Vue 回车登录（一） 此回车为全局回车方法 created() { this.keyUpSubmit(); }, methods: { // 回车登录 keyUpSubmit() { document.onkeydown = () => { let key = window.event.keyCo
阅读全文
