vue移動端項目總結

1.命令行報錯：expected "indent"， got" outdent"

空格鍵和tab鍵混用 由於這個屬性是在別的地方粘貼過來的 格式不對

2.命令行報錯

運行npm run serve 的時候報這個錯 後來發現了是package.json 中 多了一個1 刪掉就行了

3.超出文本部分隱藏加省略號

overflow:hidden text-overflow ellipsis

4.flex佈局的使用：

稍晚上圖

5.使用vant組件的NoticeBar

(1)在頁面引入 NoticeBar

(2)在main.js中引入

(3)在頁面中使用

效果圖以下 隨後再修改樣式

6.遇到的bug解決

這是獲取收貨信息和刪除地址的方法，刪除收貨信息的時候最後一個老是不能夠刪掉，數據刪掉了 可是頁面沒有渲染，得刷新以後才能渲染，最後找到緣由是刪除最後一個的時候res .suc已經返回的是false了，this.list沒有清空，list仍是刪倒數第二個的list ，在false的時候把list清空就解決了

7.強制換行方法

white-space：normal 默認 nowrap 強制在同一行內顯示全部文本，直到文本結束或者遭遇 br 對象

8.mac下全局安裝vue cli3.0 報錯解決方案

segmentfault.com/a/119000001…

9.vue中跳轉頁面傳參數的方法：

方法一：

this.$router.push({path:'/要跳轉的路徑'，query:{id:this.videoId} })
複製代碼

到路徑中:

const {id} = this.$router.query
複製代碼

方法二等後續更新...

10.使得input文本框不可編輯的三種方法

disabled 屬性規定應該禁用 input 元素，被禁用的 input 元素，不可編輯，不可複製，不可選擇，不能接收焦點,後臺也不會接收到傳值。設置後文字的顏色會變成灰色。disabled 屬性沒法與 一塊兒使用。

示例：input type="text" disabled="disabled"

readonly 屬性規定輸入字段爲只讀可複製，可是，用戶能夠使用Tab鍵切換到該字段，可選擇,能夠接收焦點，還能夠選中或拷貝其文本。後臺會接收到傳值. readonly 屬性能夠防止用戶對值進行修改。readonly 屬性可與 input type="text" 或 input type="password"配合使用

示例：input type="text" readonly="readonly"

readonly unselectable="on" 該屬性跟disable相似，input 元素，不可編輯，不可複製，不可選擇，不能接收焦點，設置後文字的顏色也會變成灰色，可是後臺能夠接收到傳值。示例：input type="text" readonly unselectable="on"

11.人民幣符號¥的轉譯字符

12.vue-clipboard2插件的使用

首先 npm install --save vue-clipboard2 安裝插件
再在main.js 中引入

具體使用：

<button v-clipboard:copy="adr" v-clipboard:success="onCopy" v-clipboard:error="onError">
            複製錢包地址
        </button>
複製代碼

onCopy(e) {
            Toast(`複製成功！${e.text}`)
        },
        onError(e) {
            Toast('複製失敗！')
        },
複製代碼