Vue问题及解决记录(有需要可以根据标题查找,持续更新)

记录贴,大致分为“代码方法”和“样式

目录

一. 代码方法

二. 样式


一.代码方法

        1.数据/渲染顺序

                问题记录:在编辑时,需要带入原来的数据但字典数据总在向组件插入id之后才被查出,导致输入框/选择框中是未被翻译的字段。

                解决方案:vue中的数据和渲染是异步的,既然知道了是渲染顺序的问题,那么我们可以通过使用$nextTick()来解决

..字典数据
this.$nextTick(() -> {
    ..获取数据
})

                其他:$nextTick() 看起来是一个等待作用,实际是让结构随数据去改变,该方法并不适用于所有的场景,比如在同一个方法中获取同一个组件上的多个数据进行渲染可能会失效。

二.样式

        1.滚动条超出隐藏

                问题记录:原先给定了某一个组件的大小,因为一些数据长度的变化出现了滚动条,现要将其隐藏。

                解决方案:style="overflow-x:hidden" 

//永不出现垂直滚动条
<xx style="overflow-x:hidden; margin-top:x%; margin-left:x%; color:xxx" />
//用不出现水平滚动条
<xx style="overflow-y:hidden; margin-top:x%; margin-left:x%; color:xxx" />

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值