vue移动端项目总结方法二等后续更新... disabled 属性规定应该禁用 input 元素，被禁用的 input

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('复制失败！')
        },

vue移动端项目总结