记录我的问题

1、在自己封装组件是一定一定不能和HTML标签名一样 ,尤其是新增语义化标签 容易忘 。
例如自己封装的footer组件,就不能叫这个名字 否则就会
在这里插入图片描述
2、如果不用别的css预编译语言,用css写的话。一定要一定要~~~~~~在各个页面常用的标签,一定要指定父级!!!!否则很可能影响别的 甚至影响第三方库。
这个问题的终极解决方案是 在style标签里加入 scope属性 表示css样式只在当前文件中生效。

3、需求要求背景图做成和数据一样是响应式的,不会做。
4、当数据请求还没发送,但是模板中要用请求到的数据时,怎么办?
这里是在模板中使用图片数据
在这里插入图片描述
但请求比模板渲染代码执行迟。
在这里插入图片描述

会出现如下报错:
在这里插入图片描述

可以使用v-if判空
在这里插入图片描述

完美解决!

在这里插入图片描述5、评论要是个标签页 但是不能一开始都显示出来,要一开始只渲染两条,之后的点击再展开。很麻烦。
在这里插入图片描述
6、在使用vant组件库时,若是按需引入 使用 轻提示(函数组件)时 一定要记得引入 以下图片中的
在这里插入图片描述

否则就不会显示出来 !!!!!!
7、用mock假数据 一刷新数据就没了。比如 前一步加入到卖书清单中的数据 只要一刷新,再获取就没了。这个要怎么解决??
8、一些明显需要组件间传值的数据 但又觉得项目不大 用pina大财小用 但用本地缓存的话又很怪。
9、在做这个需求的时候 因为是二手书 书的价格 应该随着用户的选择而变化 但由于vue中的数据更新并不是在数据更改后,dom上的数据马上就更新,所以会造成 数据更改 和dom树渲染总是差一步
如下图
在这里插入图片描述
在这里插入图片描述
那要怎么解决呢 我试过用 nextTick 但也不行
开始是用条件渲染来着 但是配合了nextTick过后 他不能行
后来是用的ref 配合nextTick
在这里插入图片描述
在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值