zoukankan      html  css  js  c++  java
  • vue 几个典型的坑

    1、编辑某一处,另一不相关的元素受到影响。

    比如:一个列表需要被编辑。

    每一行都有一个input,如果修改某一行的input,会影响其它某行的input,这时候可能的原因是: 循环的 key 设置的有问题,可能key重复了。

    2、input不能foucs。

    比如:有一个input框设置了 autofocus但是有时候不能实现自动 focus的效果,这可能是focus的tick不对。

    斛决方法是对input设置一个 ref="inputTarget",然后在需要foucs的时候调用 this.$nextTick(() => { this.$refs['inputTarget'].focus() })这样手动指定一下就好了

    3、数组内的数据修改之后,页面上对应的元素没有更新。这块是vue考虑到性能问题没有监听数组内的数据。

    解决方法是用 this.$set(this.arrayData, index, item); 用 $set设置就可以了。

    4、如何在vuex中获取vue的实例: this._vm就是vue的实例

    5、父组件获取的数据在子数组不及时更新。

    可能的原因是:父组件是异步获取数据,子组件在异步获取数据之前已经渲染了,所以子组件拿到的第一手数据不是异步获取的。

  • 相关阅读:
    记录
    Remote System Upgrade With Cyclone III Devices
    【Diary】Noip2020 游记
    【Diary】CSP-S 2020 游记
    【Diary】JZSC 2020 旅 游 记(迫真
    【题解】Luogu P2671 【求和】
    51nod 1153 选择子序列
    Luogu P4116 Qtree3
    Luogu P4114 Qtree1
    【Contest】Nowcoder 假日团队赛1 题解+赛后总结
  • 原文地址:https://www.cnblogs.com/hellolol/p/11855298.html
Copyright © 2011-2022 走看看