vue 專案中常見的幾個小問題

摘要： (1).H5頁面在iOS網頁中手機號碼顏色改變 H5頁面在iOS網頁中的數字被識別為電話號碼,原因在於Safari瀏覽器的問題:解決該問題只需在head標籤中新增如下程式碼即可解決。 <metaname="format-detection"content="...

(1).H5頁面在iOS網頁中手機號碼顏色改變

H5頁面在iOS網頁中的數字被識別為電話號碼,原因在於Safari瀏覽器的問題:解決該問題只需在head標籤中新增如下程式碼即可解決。

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

在Vue上的具體程式碼位置如圖：

(1).用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需要加上上文中的註釋！

(1).用webpack後，某些圖片找不到路徑

我們剛開始建立Vue專案時，把圖片放在瞭如下圖路徑：

打包後，發現專案中圖片不顯示，才知道原來打包時圖片是在src中尋找，根本找不到啊，我們應該把圖片資料夾整體挪到了如圖：

這樣完美解決問題！