vue 项目中常见的几个问题

(1).H5页面在iOS网页中手机号码颜色改变

H5页面在iOS网页中的数字被识别为电话号码,原因在于Safari浏览器的问题:解决该问题只需在head标签中添加如下代码即可解决。

<metaname="format-detection"content="telephone=no">

在Vue上的具体代码位置如图：

项目路径

FF730ACF-F192-4548-8961-1C69BE380223.png

(2).用webpack后，控制文本显示行数没有用

 overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;

用上述代码来设置换行，在本地设置是有效的，但是打包后发现不换行了，代码是没有错的，想着可能是打包的问题，最终还是找到了打包后-webkit-box-orient样式会丢失。
上述代码更改为：

overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;/*! autoprefixer: off */-webkit-box-orient: vertical;/* autoprefixer: on */

-webkit-box-orient: vertical需要加上上文中的注释！

(3).用webpack后，某些图片找不到路径

我们刚开始创建Vue项目时，把图片放在了如下图路径：

打包后，发现项目中图片不显示，才知道原来打包时图片是在src中寻找，根本找不到啊，我们应该把图片文件夹整体挪到了如图：

这样完美解决问题！

vue 项目中常见的几个问题相关推荐

methods vue过滤器和_数据动态过滤技巧在 Vue 项目中的实践
这个问题是在下在做一个 Vue 项目中遇到的实际场景,这里记录一下我遇到问题之后的思考和最后怎么解决的(老年程序员记性不好 -.-),过程中会涉及到一些Vue源码的概念比如 $mount. rende ...
js 读取json文件_JavaScript 项目中常见配置文件介绍
原文地址:https://github.com/whinc/blog/issues/14 本文介绍一些前端项目的通用配置及相关资源,以便你了解项目中常见配置的含义以及配置方式. .gitignore ...
bing Map 在vue项目中的使用
写在最前面拥有全球数据库国内好像就只有百度地图有,高德.搜狗.腾讯的都不行,但是由于百度地图的数据更新不及时,所以在做相关项目要用到国外数据的时候,最好还是推荐使用bingMap. bing Map ...
Vue项目中最简单的使用集成UEditor方式，含图片上传
Vue 3 项目参考这里前言封面是UEditor的百度指数折线图.虽然今天已经是 2018 年,且优秀的富文本编辑器层出不穷(包括移动端),但从图中可以看出UEditor仍然维持着较高的搜索热 ...
Vue项目中最简单的使用集成百度UEditor方式，含图片上传
前言封面是UEditor的百度指数折线图.虽然今天已经是 2018 年,且优秀的富文本编辑器层出不穷(包括移动端),但从图中可以看出UEditor仍然维持着较高的搜索热度.而不少公司和个人也仍然 ...
从实习经历中总结，项目中常见 Mock 方案
文章目录前言项目中常见 Mock 方案代码侵入拦截 Ajax 请求接口管理工具 Swagger YAPI RAP2-DELOS moco 总结 JSON Server 起飞教程安装启动服 ...
Vscode的vue项目中下滑红线报错问题
Vscode的vue项目中下滑红线报错问题 1.报错原因代码存在语法错误(错误并不影响项目的编译运行),并且校验功能是开启状态就会出现下滑红线的报错. 2.解决方法 1)关闭校验如果项目的校验功能 ...
canvas java 上传截图_在Vue项目中使用html2canvas生成页面截图并上传
使用方法项目中引入 npm install html2canvas html代码 //html代码 js代码 // 引入html2canvas import html2canvas from 'ht ...
如何在Vue项目中使用vw实现移动端适配(转)
有关于移动端的适配布局一直以来都是众说纷纭,对应的解决方案也是有很多种.在<使用Flexible实现手淘H5页面的终端适配>提出了Flexible的布局方案,随着viewport单位越来越 ...
实战：vue项目中导入swiper插件
版本选择 swiper是个常用的插件,现在已经迭代到了第四代:swiper4. 常用的版本是swiper3和swiper4,我选择的是swiper3. 安装安装swiper3的最新版本3.4.2: ...

vue 项目中常见的几个问题

vue 项目中常见的几个问题相关推荐

最新文章

热门文章