6. Vue简单问题汇总(持续更新...)

1.Vue项目支持图片、字体等操作

   解决办法:安装url-loader 和 file-loader来支持图片、字体等文件

   安装规则:①cmd命令行进入该项目中

                     ②通过命令,安装url-loader和file-loader

                              npm install --save-dev url-loader

                              npm install --save-dev file-loader

2.Vue项目,图片路径通过参数传递,无法正常显示图片

    解决办法:

              ①将参数使用requrie对图片路径进行引用,这样通过变量传递的就不是字符串,而是图片资源了

                  

              ②创建一个名称为static的文件夹,该文件夹与src目录同级,然后将静态文件放入static目录即可。然后变量就可以不需要require对路径进行引用了,使用普通路径即可

                   

    注意:使用第②种就是不会被url等加载器处理的

               如下图,第一种是通过方法②引入的,

                              第二种是通过方法①require引入的,被当成模块被url-loader处理,加入了hash值

               这个需要看网站本身的性质和具体业务以及个人取舍了,当然也可以混合着用,灵活一点没有死的处理方法!

3.Vue项目报错:Do not use built-in or reserved HTML elements as component id:'title'

 解决办法:这是因为组件的命名和html标签重复导致警告,所以创建组件的时候要注意组件命名与html标签区分开。

猜你喜欢

转载自blog.csdn.net/lzb348110175/article/details/89155744
今日推荐