随笔分类 -  vue

摘要:在 Vue 中,如果你想通过一个变量来动态访问 this.refs使this.refs 的对象语法来实现。具体来说,你可以通过变量来动态访问 this.$refs 中的某个元素。 假设你有多个 iframe 元素,并且需要动态访问其中一个 iframe 的 contentWi 阅读全文
posted @ 2025-02-07 17:32 盘思动 阅读(10) 评论(0) 推荐(0) 编辑
摘要:::v-deep 不可嵌套,::v-deep 写在scss外层就可以了,里面没必要再写,写了反而使得里面的css失效 阅读全文
posted @ 2025-01-20 16:07 盘思动 阅读(4) 评论(0) 推荐(0) 编辑
摘要:现在vue的脚手架生成项目之后我们会发现index.html页面中。 在head标签中,我们会看到meta标签中有一条显示是 但是我们发现这条语句中只是让user-scalable=0,这是不让用户进行缩放。 可以页面会在两个手指进行放大!!! 可以页面会在两个手指进行放大!!! 可以页面会在两个手 阅读全文
posted @ 2025-01-09 17:02 盘思动 阅读(10) 评论(0) 推荐(0) 编辑
摘要:在 Vue 2 中,可以通过自定义指令(v-draggable)来实现弹窗 div 拖动的功能。自定义指令允许我们将拖动功能封装起来,使得在多个地方复用。下面是一个实现拖动功能的完整示例: 实现步骤: 创建一个自定义指令 v-draggable 来处理拖动逻辑。 将该指令应用于你想要拖动的元素(例如 阅读全文
posted @ 2024-12-27 14:17 盘思动 阅读(160) 评论(0) 推荐(0) 编辑
摘要:1.在开发者者工具页面,找到这个设置图标。 2. 切换到 Ignore List,找到 Custom exclusion rules 配置,取消勾选 [/node_modules/|/bower_components/] https://download.csdn.net/blog/column/1 阅读全文
posted @ 2024-12-06 14:31 盘思动 阅读(129) 评论(1) 推荐(0) 编辑
摘要:在 Vue.js 中,v-for 循环用于渲染列表时,推荐为每个列表项提供一个 key 属性,以帮助 Vue 更高效地更新和复用 DOM 元素。但是,使用主键 id 作为 key 有时并不推荐,原因如下: 1. id 不一定稳定 主键 id 通常是在数据库中生成的唯一标识符,虽然在数据库中它是唯一的 阅读全文
posted @ 2024-11-08 14:36 盘思动 阅读(19) 评论(0) 推荐(0) 编辑
摘要:Babel 是一个 JavaScript 编译器,主要用于将现代 JavaScript 代码转换为向后兼容的版本,以便在老旧的浏览器或环境中运行。它通常用于以下目的: 1. 转换现代 JavaScript 语法 JavaScript 在不断发展,许多新的语法特性(如箭头函数、类、模块、async/a 阅读全文
posted @ 2024-11-08 14:16 盘思动 阅读(34) 评论(0) 推荐(0) 编辑
摘要:require.context 是 Webpack 特有的一个 API,它用于动态加载模块,特别是在需要批量引入文件时非常有用。它允许你创建一个上下文,来包含特定目录下的模块,并可以以编程方式导入它们。以下是 require.context 的用法及示例。 基本语法 const context = 阅读全文
posted @ 2024-10-22 14:05 盘思动 阅读(89) 评论(0) 推荐(0) 编辑
摘要:在vue框架中,如何调用 先选中 Elements 中的 id="app" 模块代码,单击即可。然后在Console 中输入 0.__vue__ 即可看到整个页面vue实例 在vue2中可以在控制台访问项目的 data 和 method 展示页面数据0.__vue__.$children[0] 阅读全文
posted @ 2024-10-18 11:09 盘思动 阅读(187) 评论(0) 推荐(0) 编辑
摘要:在Vue.js中,this.parent访访使this.parent 来引用它。 以下是一个简单的示例来说明这一点: <!-- 阅读全文
posted @ 2024-07-31 14:39 盘思动 阅读(117) 评论(0) 推荐(0) 编辑
摘要:修改el-popover样式不生效问题 在最近公司写的项目中,使用到了el-popover,但是想要修改弹出层中文本的字体样式,尝试过很多方法之后,发现修改的样式都没有生效,查阅资料发现:el-popover比较特殊,他生成的div不在当前组件之内,甚至不在App.vue组件的div内,他和App. 阅读全文
posted @ 2024-07-24 19:36 盘思动 阅读(1318) 评论(0) 推荐(0) 编辑
摘要:解决方案:node版本太高了,我同时说他环境是node14的,我就来了个14.18的,结果还是不是,应该是14系列,我的二级版本还是高了。 python什么的安装了没什么用!!! node版本需要和node-sass吻合 一步一步来,先解决第一部分: 错误提示的意思是说我没有python,我电脑里确 阅读全文
posted @ 2024-07-03 12:29 盘思动 阅读(362) 评论(0) 推荐(0) 编辑
摘要:vue-plugin-hiprint https://toscode.mulanos.cn/sunday2062/vue-plugin-hiprint 阅读全文
posted @ 2024-05-20 18:37 盘思动 阅读(33) 评论(0) 推荐(0) 编辑
摘要:![](https://img2023.cnblogs.com/blog/1202393/202312/1202393-20231206174313930-1258780921.png) ![](https://img2023.cnblogs.com/blog/1202393/202312/1202393-20231206174324470-915097379.png) 阅读全文
posted @ 2023-12-06 17:43 盘思动 阅读(19) 评论(0) 推荐(0) 编辑
摘要:vue 组件在开了,关了,再开,created,mounted不会触发,activated会解决这个问题,给力。。。 在Vue中,activated是组件生命周期函数之一,它会在组件被激活时调用。 具体来说,当一个组件被插入到DOM中并且处于活动状态(例如,它是父组件的子组件),activated函 阅读全文
posted @ 2023-10-24 14:28 盘思动 阅读(2753) 评论(0) 推荐(0) 编辑
摘要:el-dialog关闭再展示时不会触发mounted钩子函数,这是因为在Vue中,组件的mounted钩子函数只会在组件第一次被渲染时执行一次。而对于el-dialog组件来说,关闭后重新打开并不算是组件第一次被渲染。 阅读全文
posted @ 2023-10-11 15:44 盘思动 阅读(437) 评论(0) 推荐(0) 编辑
摘要:在Vue项目中,如果没有默认的index.html文件,你可以手动创建一个并进行设置。 以下是创建并配置index.html的步骤: 在你的Vue项目根目录下创建一个新的public文件夹(如果还没有)。 在public文件夹下创建一个新的index.html文件。 在index.html文件中添加 阅读全文
posted @ 2023-09-26 09:47 盘思动 阅读(1374) 评论(1) 推荐(0) 编辑
摘要:在 Vue.js 中,导航守卫是一组函数钩子,用于控制路由跳转的行为。Vue.js 提供了三种导航守卫: 全局导航守卫:作用于整个应用程序,用于拦截和处理所有路由跳转。 beforeEach(to, from, next):在路由跳转之前执行,可以用于进行权限验证、登录检查等操作。如果要继续路由跳转 阅读全文
posted @ 2023-09-15 11:56 盘思动 阅读(42) 评论(0) 推荐(0) 编辑
摘要:![](https://img2023.cnblogs.com/blog/1202393/202309/1202393-20230915001616224-847402948.png) ![](https://img2023.cnblogs.com/blog/1202393/202309/1202393-20230915001631146-63250860.png) 阅读全文
posted @ 2023-09-15 00:16 盘思动 阅读(3) 评论(0) 推荐(0) 编辑
摘要:![](https://img2023.cnblogs.com/blog/1202393/202308/1202393-20230829182654871-1880402926.png) * https://blog.csdn.net/qq_45821882/article/details/1323 阅读全文
posted @ 2023-08-29 18:27 盘思动 阅读(724) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示