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、父组件获取的数据在子数组不及时更新。

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

  • 相关阅读:
    Python--学习过程
    线程、进程、协程
    socket
    面向对象--进阶
    面向对象--初级
    Python常用的模块
    2019-2020-1 20191301《信息安全专业导论》第十二周学习总结
    wirehark
    2019--2020第十一周信息安全导论论总结20191301
    2019--2020信息安全导论第10周总结20191301
  • 原文地址:https://www.cnblogs.com/hellolol/p/11855298.html
Copyright © 2011-2022 走看看