vue

指令即 v- 的形式，除了内置指令例如 v-model、v-show 以外，vue 允许注册 自定义 的指令。 自定义指令主要是为了重用涉及普通元素的底层 DOM 访问的逻辑。 防抖: n 秒后再执行该事件，若在 n 秒内被重复触发，则重新计时 节流: n 秒内只运行一次，若在 n 秒内重复触发，只有一次生效 1、在 src 文件夹下新建 utils 文件夹，用来存放公共方法或者 js 文件，ut…

描述一下场景，我在A页面有一个很大的table表，数据是定死的，我点击其中一项跳转到B页面，B页面再点击返回（this.$router.back() ）,滚动条要定位到table中点击的那一项 以上为A页面 1.第一步，刚开始页面滚动条是整个页面的，即浏览器窗口，但是我始终监听不到浏览器的滚动条，所以我就给el-table加了高度，让el-table拥有自己的滚动条 <el-table re…

module.exports = { root: true, env: { node: true, 'vue/setup-compiler-macros': true, }, extends: [ 'plugin:vue/essential', '@vue/eslint-config-typescript/recommended', 'plugin:vue/vue3-recommended', '…

问题描述 今天想在网上找一个好看的登录页面，把别人的代码引入进来之后，发现项目编译不了，并且报错了： Module not found: Error: Can’t resolve ‘less-loader’ 分析问题 从错误的日志就可以看出来，是缺少了less-loader这个依赖，但是我们又在项目中使用了(引用了)Sass语法，就会保一下错误 实际上是组件中的样式里加了这么个代码 <sty…

目前项目遇到拖拽的功能，记录一下，大概逻辑如下： 1）左侧为分类列表，右侧为数据，根据左侧的列表分类展示右侧的数据； 2）右侧的数据还可以拖动到左侧类型里面，类似于文件夹拖动时的剪切，复制 实现： div为目标元素，当鼠标拖动下面的li 移上去并放开时会触发，并且鼠标样式会发生变化,注意上面的两个方法为必须 li 为移动的元素，deaggable ="true",表示此元素可移动 // 开始拖拽时…

Vue-视频截取第一帧图片-组件 Video to Image 开发前准备 开始使用 引入 载入组件 使用 组件文件 写在最后 Video to Image 关于vue下视频截取第一帧网上方法众多, 我这边总结了一下并且归纳成组件, 希望对为此困扰的你提供一些帮助, 仅需要做一点点的修改页,本文内的代码可以复制后直接使用 ! 开发前准备 确定为vue环境且不是Vue 1; 本组件附带了转成图片后的…

Vue.directive是啥 注册自定义指令，对普通 DOM 元素进行底层操作（虽然，在 Vue2.0 中，代码复用和抽象的主要形式是组件） 例：当页面加载时，该input元素将获得焦点： // 注册一个全局自定义指令 `v-focus` Vue.directive('focus', { // 当被绑定的元素插入到 DOM 中时…… inserted: function (el) { // 聚焦…

7-4更新  =>已将本次项目上传至　githulb/lonhon   欢迎大家下载，以后做的新东西也都会更新在上面。 之前发了一篇关于自己看待前端组件化的文章，但是由于学习和实践的业务逻辑差异，所以自己练习的一些demo逻辑比较简单，打算用vue重构现在公司做的项目，所以在一些小的功能页面上使用vue来做的，现在写的这个是项目中用户反馈功能而来的，收获还是挺多的。 收获：dom操作=>…

在Vue.js前端开发中，弹窗组件是常见的交互元素之一。为了提高开发效率并保持代码的可维护性，我们可以创建自定义弹窗组件。本文将详细解析Vue.js结合ElementUi自定义弹窗组件ByDialog的实现原理和使用示例，并提供相关代码和注释。 ByDialog组件代码 下面是ByDialog组件的完整代码： <template> <!-- el组件的大部分属性在by-dialo…