vue移动端项目总结

1.命令行报错:expected "indent", got" outdent"

空格键和tab键混用 由于这个属性是在别的地方粘贴过来的 格式不对 vue

2.命令行报错

运行npm run serve 的时候报这个错 后来发现了是package.json 中 多了一个1 删掉就行了 vue-cli

3.超出文本部分隐藏加省略号

overflow:hidden text-overflow ellipsis npm

4.flex布局的使用:

稍晚上图json

5.使用vant组件的NoticeBar

(1)在页面引入 NoticeBar segmentfault

(2)在main.js中引入
(3)在页面中使用
效果图以下 随后再修改样式

6.遇到的bug解决

这是获取收货信息和删除地址的方法,删除收货信息的时候最后一个老是不能够删掉,数据删掉了 可是页面没有渲染,得刷新以后才能渲染,最后找到缘由是删除最后一个的时候res .suc已经返回的是false了,this.list没有清空,list仍是删倒数第二个的list ,在false的时候把list清空就解决了

7.强制换行方法

white-space:normal 默认 nowrap 强制在同一行内显示全部文本,直到文本结束或者遭遇 br 对象bash

8.mac下全局安装vue cli3.0 报错解决方案

segmentfault.com/a/119000001…ide

9.vue中跳转页面传参数的方法:

方法一:布局

this.$router.push({path:'/要跳转的路径',query:{id:this.videoId} })
复制代码

到路径中:flex

const {id} = this.$router.query
复制代码

方法二等后续更新...this

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

相关文章
相关标签/搜索