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 报错解决方案
https://segmentfault.com/a/1190000016863547?utm_source=tag-newest
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('复制失败!')
},