随笔分类 - vue
摘要：https://gitee.com/e4glet/vue-cli4-framwork
阅读全文
摘要：1.iframe内参数返回处理； 2.页面往iframe传参--动态修改 iframe 内容 如果不想嵌套整个页面，而是只嵌套部分内容，可以通过 postMessage 实现父子页面通信，动态修改 iframe 内容。 父页面： <template> <div> <h1>父页面</h1> <ifra
阅读全文
摘要：在 Vue 中，如果你想通过一个变量来动态访问 this.$refs 的元素，你可以使用 this.$refs 的对象语法来实现。具体来说，你可以通过变量来动态访问 this.$refs 中的某个元素。 假设你有多个 iframe 元素，并且需要动态访问其中一个 iframe 的 contentWi
阅读全文
摘要：this.$emit 这种子组件向父组件传递方法的时候，不生效，且没有报错提醒 this.$emit('func1') 如果引用组件的时候，func1没有写里面，是不会报错的。
阅读全文
摘要：::v-deep 不可嵌套，::v-deep 写在scss外层就可以了，里面没必要再写，写了反而使得里面的css失效
阅读全文
摘要：现在vue的脚手架生成项目之后我们会发现index.html页面中。 在head标签中，我们会看到meta标签中有一条显示是 但是我们发现这条语句中只是让user-scalable=0，这是不让用户进行缩放。 可以页面会在两个手指进行放大！！！ 可以页面会在两个手指进行放大！！！ 可以页面会在两个手
阅读全文
摘要：在 Vue 2 中，可以通过自定义指令（v-draggable）来实现弹窗 div 拖动的功能。自定义指令允许我们将拖动功能封装起来，使得在多个地方复用。下面是一个实现拖动功能的完整示例： 实现步骤： 创建一个自定义指令 v-draggable 来处理拖动逻辑。 将该指令应用于你想要拖动的元素（例如
阅读全文
摘要：https://www.cnblogs.com/Blogzlj/p/14913363.html
阅读全文
摘要：1.在开发者者工具页面，找到这个设置图标。 2. 切换到 Ignore List，找到 Custom exclusion rules 配置，取消勾选 [/node_modules/|/bower_components/] https://download.csdn.net/blog/column/1
阅读全文
摘要：在 Vue.js 中，v-for 循环用于渲染列表时，推荐为每个列表项提供一个 key 属性，以帮助 Vue 更高效地更新和复用 DOM 元素。但是，使用主键 id 作为 key 有时并不推荐，原因如下： 1. id 不一定稳定 主键 id 通常是在数据库中生成的唯一标识符，虽然在数据库中它是唯一的
阅读全文
摘要：Babel 是一个 JavaScript 编译器，主要用于将现代 JavaScript 代码转换为向后兼容的版本，以便在老旧的浏览器或环境中运行。它通常用于以下目的： 1. 转换现代 JavaScript 语法 JavaScript 在不断发展，许多新的语法特性（如箭头函数、类、模块、async/a
阅读全文
摘要：Vue.extend 是 Vue.js 中用于创建一个“子类”的方法。它可以用来定义一个新的 Vue 组件，允许你在组件中扩展基础 Vue 实例的功能。 使用 Vue.extend，你可以定义一个组件的选项，例如 data、methods、computed 等。创建的组件可以在 Vue 实例或其他组
阅读全文
摘要：问题二：vue2的项目中 chrome控制台输入 $0.vue 会输出什么 在 Vue 2 项目中，如果你在 Chrome 控制台中输入 $0.__vue__，这个命令会返回 $0 当前选中的 DOM 元素对应的 Vue 实例。 解释： $0：代表 Chrome DevTools 中当前选中的 DO
阅读全文
摘要：require.context 是 Webpack 特有的一个 API，它用于动态加载模块，特别是在需要批量引入文件时非常有用。它允许你创建一个上下文，来包含特定目录下的模块，并可以以编程方式导入它们。以下是 require.context 的用法及示例。 基本语法 const context =
阅读全文
摘要：在vue框架中，如何调用 先选中 Elements 中的 id="app" 模块代码，单击即可。然后在Console 中输入 $0.__vue__ 即可看到整个页面vue实例 在vue2中可以在控制台访问项目的 data 和 method 展示页面数据 $0.__vue__.$children[0]
阅读全文
摘要：在 Vue.js 中，双花括号 {{ }} 用于插值操作，用来将数据绑定到模板中。在你提供的例子中： {{ +isNeed ? '是' : '否' }} 这段代码的意思是： +isNeed 将变量 isNeed 转换为数字类型。因为 isNeed 是 1 或 0，所以 +isNeed 将分别转换为数
阅读全文
摘要：在Vue.js中，this.$parent 表示当前组件实例的直接父组件实例。它允许你从子组件中访问父组件中定义的属性、方法和数据。 举个例子，如果你有一个子组件，并且想要从中访问父组件中定义的方法或属性，你可以使用 this.$parent 来引用它。 以下是一个简单的示例来说明这一点： <!--
阅读全文
摘要：修改el-popover样式不生效问题 在最近公司写的项目中，使用到了el-popover，但是想要修改弹出层中文本的字体样式，尝试过很多方法之后，发现修改的样式都没有生效，查阅资料发现：el-popover比较特殊，他生成的div不在当前组件之内，甚至不在App.vue组件的div内，他和App.
阅读全文
摘要：解决方案:node版本太高了，我同时说他环境是node14的，我就来了个14.18的，结果还是不是，应该是14系列，我的二级版本还是高了。 python什么的安装了没什么用！！！ node版本需要和node-sass吻合 一步一步来，先解决第一部分： 错误提示的意思是说我没有python，我电脑里确
阅读全文
浙公网安备 33010602011771号