摘要：
export default { list: {}, // 事件中心集中地 /** * 发布订阅 * @param {string} name 事件名 * @param [...args] */ $emit: function (name) { if (this.list[name]) { for 阅读全文
posted @ 2022-06-28 15:31
萝卜爱吃肉
阅读(303)
评论(0)
推荐(0)
摘要：
废话少说，先上代码了，复制到html中即可使用 点击查看代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" / 阅读全文
posted @ 2022-06-15 14:48
萝卜爱吃肉
阅读(2679)
评论(0)
推荐(0)
摘要：
先来个效果图 如果你刚好需要实现这种效果，那么可以瞅一瞅了 我要开始水文了 如图所示，图中顶部部分文字乍一看好像是独立于柱状图，显示在最顶上，其实它也是由柱状图模拟而成. 只是吧图形相关属性做了隐藏，视觉上达到独立于图外 代码正文来了 { // 不给name赋值，legend不会显示 // name 阅读全文
posted @ 2021-12-28 17:02
萝卜爱吃肉
阅读(3769)
评论(0)
推荐(0)
摘要：
效果图 思路 给定一个变量用来记录滚动了几列，每滚动一次加1滚动一列，监听页面滚动父级元素宽度改变，重新设置滚动的距离(放在计算属性中让其自动计算) <template> <div class="container"> <el-button @click="prev">左滑</el-button> 阅读全文
posted @ 2021-09-24 16:53
萝卜爱吃肉
阅读(1119)
评论(0)
推荐(0)
摘要：
将下面样式加入即可 // 处理下拉框中抖动 .el-select .el-input__inner { vertical-align: bottom !important; } 如设置了size属性，可将样式设为 .el-select-** .el-input__inner即可 阅读全文
posted @ 2021-07-08 09:20
萝卜爱吃肉
阅读(2887)
评论(0)
推荐(0)
摘要：
引入element-resize-detector 在项目引入插件(用来监听元素宽度变化) npm install element-resize-detector --save 在文件中引入(写在script中,export default外面) let elementResizeDetectorM 阅读全文
posted @ 2021-06-04 17:14
萝卜爱吃肉
阅读(2261)
评论(0)
推荐(1)
摘要：
思路 弹框最外层套个id，监听文档点击事件，循环查找父级id，判断是否包含在外层id中，包含不处理，不包含弹窗关闭 注意点 具体问题具体分析，如html层级解构混乱时，需加入额外判断来处理，但整体思想不变 例子，vue中使用 document.addEventListener("click", e 阅读全文
posted @ 2021-04-07 09:46
萝卜爱吃肉
阅读(245)
评论(0)
推荐(1)
摘要：
多窗口中数据共享 场景 某个页面中实现右击打开新页面跳入到相同页面，并保持数据一致 MDN 中指出 在新选项卡或窗口中打开页面将创建具有顶级浏览上下文值的新会话，这与会话 Cookie 的工作方式不同 sessionStorage参考MDN 解决方案 通过 sessionStorage 存入到浏览器 阅读全文
posted @ 2020-12-30 15:30
萝卜爱吃肉
阅读(209)
评论(0)
推荐(0)
摘要：
全局注册 Vue.directive("elDialogDrag", (el) => { const header = el.querySelector(".el-dialog__header"); const main = el.querySelector(".el-dialog"); heade 阅读全文
posted @ 2020-12-15 17:18
萝卜爱吃肉
阅读(974)
评论(0)
推荐(0)
摘要：
vscode配置项中加入 "vetur.completion.autoImport": false, 或者，将图中4处勾去掉即可 阅读全文
posted @ 2020-12-11 16:19
萝卜爱吃肉
阅读(1992)
评论(0)
推荐(0)
浙公网安备 33010602011771号