随笔分类 - 前端
摘要：Vue 初始化获取数据应该放到 Created 还是 Mounted 中？以下片段摘自官方文档created：在实例创建完成后被立即同步调用。在这一步中，实例已完成对选项的处理，意味着以下内容已被配置完毕：数据侦听、计算属性、方法、事件/侦听器的回调函数。然而，挂载阶段还没开始，且 $el prop
阅读全文
摘要：比如有一个 Children.vue 的子组件要传值给 Father.vue 的父组件，完成共需六步： 子组件 Children.vue 内容，注意里面的操作步骤： <template> <div> <h2>子组件区域</h2> <!-- 第二步：得定义一个向父组件传值的方法，比如定义一个按钮， 绑
阅读全文
摘要：我们可以为组件的 prop 指定验证要求，例如你知道的这些类型。如果有一个需求没有被满足，则 Vue 会在浏览器控制台中警告你。这在开发一个会被别人用到的组件时尤其有帮助。 为了定制 prop 的验证方式，你可以为 props 中的值提供一个带有验证需求的对象，而不是一个字符串数组。例如： app.
阅读全文
摘要：浏览器控制台报错： 源码： 解决办法：去掉true即可
阅读全文
摘要：记录一下使用iview-Menu遇到的一个问题:使用iview使用导航栏组件Menu 导航菜单,当我们需要默认选择内容为 道 当我们需要在进入页面时或使用数据来驱动该视图时会遇到无法使用 失效的问题 在mounted方法中重新载入
阅读全文
摘要：Vue报错：Do not use built-in or reserved HTML elements as component id: footer 把Footer改成footer不一样就可以了
阅读全文
摘要：使用iView时报"Parsing error: x-invalid-end-tag"错误的解决方案问题原因iView将标签渲染为原生html标签时，由于这些标签是自闭合的，所以有end标签会报错。解决方案修改配置文件，忽略该项检查：根目录下 - .eslintrc.js - rules添加一行：
阅读全文
摘要：执行安装命令 npm install vant 报错如下： 解决方案： npm install --save vant@2.12.2
阅读全文
摘要：1.使用Vue2中安装vuex的时候，输入npm install vuex --save;出现如下报错。 发现是版本问题。2022年2月7日，vue3就成为了默认版本。并且vue3成为默认版本的同时，vuex也更新到了4版本。也就是，现在如果执行npm i vuex，安装的就是vuex4了。而vue
阅读全文
摘要：在引用 viewuiplus组件时，组件注册不成功，出现以下报错： ERROR in ./node_modules/view-ui-plus/dist/viewuiplus.min.js Module parse failed: Unexpected token (1:4954) You may n
阅读全文
摘要：vue导入Element-ui框架1.安装命令：npm install element-ui --save 2.在main.js中引入js和css import ElementUI from 'element-ui'; import 'element-ui/lib/theme-chalk/index
阅读全文
摘要：一、插件的介绍与安装1、Vetur插件Vetur是一款Vue代码高亮显示的一款插件，在没有使用此插件前，以 .vue的文件名代码是没有颜色的！！！ 安装步骤：在扩展商店中搜索（ Vetur ）点击安装 2、ESLint 插件ESLint插件主要用来检测代码的语法格式，以便我们规范书写，避免因编译所发
阅读全文
摘要：问题陈述，用 vue 命令初始项目文件时，输入vue init webpack project-name 命令时，终端长时间停留在download template.. 字段上，最终出现下面的错误信息Failed to download repo vuejs-templates/webpack: c
阅读全文
摘要：当使用 vscode 的使用，运行了 cnpm 命令可能会报错，本文就是解决这一个问题的方法。 一、当使用 cnpm 命令安装的时候 报错内容：cnpm : 无法加载文件 E:\Node.js\node-global\cnpm.ps1，因为在此系统上禁止运行脚本。 二、在终端使用 set-Execu
阅读全文
摘要：先看下面的代码,这是从bootstrap中遍历出来的，min-width来确认分别是768、992、1200。当然了过去也有些设备宽度是600 480的，哪些小分辨率的我们都归类为小于767的。为什么是小于767而不是768呢，那是因为在css中@media (min-width: 768px)表示
阅读全文
摘要：出现这个问题，配置一下就可以了 在webpack.base.conf.js里加入 然后在module.exports的最后加入
阅读全文
摘要：这个弄了半天，最后发现是因为我修改了这个值，才报的错，改成这样就可以了
阅读全文
摘要：可以看到按理说<tr>该出现在<table>里面但是出现在外面 原因在这里 于是乎，把代码改成 、、 就可以了
阅读全文
