记录贴,大致分为“代码方法”和“样式”
目录
一.代码方法
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" />