Vue踩坑日记

258 阅读1分钟

1.关于界面视图刷新不及时

如果用数据例如数字、布尔值、字符串等来进行v-if判断视图是否显示,在方法里面使用this.xxx.yyy = zzz数据会更新,但是视图判断不一定会更新,应该在方法里面用this.$set(this.xxx,'yyy',zzz)(这个方法不适用于根元素级别的数据)

2.移动端测试

在同一局域网下,可以设置package.json下,

 "dev": "cross-env NODE_ENV=development webpack-dev-server --hot --port 8999 --host 192.168.0.105(主机ip)",

在后面加上 --host加主机ip地址,然后将路径发给手机就可以了 window+R 打开 然后cmd 然后输入ipconfig 看ipv4地址

有一些需要在配置的index.js里面配置一些东西

localhost也要改成对应主机ip

关于vue的scoped样式问题

组件如果在写样式的时候加上了这个,在调用的时候修改不生效(类似修改element-ui的样式不生效) 我自己一般是直接在类名前面加 /deep/ 类名或者用 父类名 >>> 子类名

不过好像也可以直接用vue的一个方法,不过这个我没有去用过 ::v-deep

有什么问题可以提出来 如果我会的话就尽量回答 或者文章中有什么错误也帮忙指出来 谢谢