vue-cli中遇见的问题,记录爬坑日常!

铅笔画不出的黑白 铅笔画不出的黑白     2022-09-03     360

关键词:

本片文章我将会记录使用vue-cli 以及一些相关插件遇见的问题和解决方案,另外本文章将会持续更新,本着互联网分享精神,希望我所记录的日常能对大家有所帮助。

1、在img和html文件处于同级阶段,img路径找不到图片。

解决方案:在路径前面加'./'即可。

注意:图片和文件夹属于同级别。(还是给你们上个图吧。)

<img src="./search-icon.png" alt="">

 2、Do not use built-in or reserved HTML elements as component id:XXX

原因::报错主要原因就是components 中的key名称与HTML标签名称一致了。

解决方案:更改conponents中key的名称即可。

    <v-footer></v-footer>
   components: {
      'v-footer': footer
    }

 

vue爬坑之路——使用vue-cli搭建项目(代码片段)

vue-cli是一个官方发布vue.js项目脚手架,使用vue-cli可以快速创建vue项目,GitHub地址是:https://github.com/vuejs/vue-cli 一、安装node.js首先需要安装node环境,可以直接到中文官网http://nodejs.cn/下载安装包。只是这样安装的node是固定版... 查看详情

vue爬坑之路——使用vue-cli搭建项目(代码片段)

vue-cli是一个官方发布vue.js项目脚手架,使用vue-cli可以快速创建vue项目,GitHub地址是:https://github.com/vuejs/vue-cli 一、安装node.js首先需要安装node环境,可以直接到中文官网http://nodejs.cn/下载安装包。只是这样安装的node是固定版... 查看详情

vue爬坑之路——vue-cli3.x搭建项目(代码片段)

VueCli3官方文档:https://cli.vuejs.org/zh/guide/ 一、安装@vue/cli更新到3.x之后,vue-cli的包名从vue-cli改成了@vue/cli如果之前全局安装了旧版本的vue-cli(1.x或2.x),首先需要使用以下命令卸载掉//如果没有安装旧版本的vue-cli可以跳过卸载... 查看详情

vue的爬坑之路之----基于vue-cli无限滚动插件无限加载(代码片段)

注:vue-infinite-loading2.0只能在Vue.js2.0中使用。如果你想在Vue.js1.0中使用,请安装vue-infinite-loading1.3版本npminstallvue-infinite-loading--savees6模块导入方式importInfiniteLoadingfrom‘vue-infinite-loading‘;exportdefaultcompon 查看详情

vue爬坑之路——使用vue-cli搭建项目(增补)

cd 指定好安装目录vueinitwebpack 项目名称 执行 vuevuelist 查看可应用模板vueinitwebpack +名字      项目已启动  查看详情

vue-cli3devserve.proxy多地址爬坑记

参考技术A当一个请求url的协议、域名、端口三者之间任意一个与当前页面url不同即为跨域。其实很简单,即在devServe配置Proxy即可如果你是这么配置,则用axios访问时,会失效,会失效,会失效:由于/api与/api_bpi的前几个字母相同,则用/api... 查看详情

mybatis-generator详细配置及使用,爬坑记录

...坑记录提示:如果不成功一定是项目路径和数据库配置出问题,本篇基于MySQL8.0.13,调试没有问题。如果失败,建议使用相同的项目结构,包名,进行重试,博主也是多次调试,才成功。一些常见问题,看报错提示信息是可以看... 查看详情

c语言爬坑,各类奇怪的问题记录和解决(坑王之王)(代码片段)

IF语句失效。if(a>0);b=5;有次我手贱。在IF后面多打了个";"号。。。悲剧就开始了。。,b的结果永远是5,由于用的嵌入式系统,无法debug只能打日志该问题导致我查了3小时的代码。。。(500多万行代码的项目~泪奔) 查看详情

vue项目实战爬坑小记003

太久没更新了。其实期间遇到了很多问题,都想着来整理和记录一下。可能是懒癌发作了吧,一直没动手记录。今天突破懒癌,重新来记录一波~~ 页面上如果要显示可编辑的保留数据格式的文本,可以有2种方式:1.textarea标... 查看详情

mybatis使用爬坑记录

1.mapper.xml可以直接使用map集合,  parameterType="java.util.Map"  resultType="java.util.Map"  2.mapper.xml的注释必须是<!-- -->  其他注释将无法识别,sql操作就会发生错误3. mybatis映射文件中,if标签判断字符串相... 查看详情

css样式遇见的问题总结记录

一、子元素都是浮动元素时,父元素最好是不用设置高度,防止子元素不设置高度溢出父元素  有时候会有零点几的误差高度  直接设置子元素高度即可通过clear: both;清除子元素浮动达到父元素自适应高度二、vertical-alig... 查看详情

vue爬坑之路——组件之间的数据传递

Vue的组件作用域都是孤立的,不允许在子组件的模板内直接引用父组件的数据。必须使用特定的方法才能实现组件之间的数据传递。首先用vue-cli创建一个项目,其中App.vue是父组件,components文件夹下都是子组件。 一、父组件... 查看详情

vue爬坑之路——组件之间的数据传递

 Vue的组件作用域都是孤立的,不允许在子组件的模板内直接引用父组件的数据。必须使用特定的方法才能实现组件之间的数据传递。首先用vue-cli创建一个项目,其中App.vue是父组件,components文件夹下都是子组件。 一、父... 查看详情

记录一些日常的小问题(前端)

...化开发中经常会遇到需要在一个数组中查找某一个对象的问题,单纯用for循环语句循环查找。(typescript)之前写的是这样的inManual(search,manual){for(leti=0;i<search.length;i++){for(letj=0;j<manual.users.length;j++){for(letk=0;k<manual.use 查看详情

vue-cli版本更新(2.9.1)问题记录

重新安装了nodejs以后,我也重新下载安装了vue-cli准备写一个新的练手项目。当我修改好默认端口后,启动server服务,发现默认浏览器不能自动打开页面;控制台打印也变成这样了;‘npmrundev‘执行语句变了;bulid目录中精减了‘... 查看详情

iview爬坑记——表单验证

...空”、验证不通过等情况,但是自身输入和验证方法没有问题时,一般来说是输入框的value为undefined的。比较简单的检测方法就是写一个验证方法,打印或debugger查看此时的输入值的取值(value)是否为输入值,如果不是或为undefi... 查看详情

日常技巧记录-2018.08(代码片段)

...ythonprint出来的log了。Docker镜像Standalone-chrome找不到Chrome的问题,解决办法:如果是普通Docker容器,可以使用1.v/dev/shm:/de 查看详情

vue日常报错记录

...zeexceeded解答:因为我配置的路由钩子(router.beforeEach)有问题,导致路由死循环。路由中的redirect和路有钩子中没有登录的时候自动跳转到登录界面冲突导致死循环,修改一些redirect和路由钩子拦截跳转的规则。2、vue安装mathjs插... 查看详情