vue列表数据发生变化指令没有更新问题及解决方法

  

问题描述,在vue的为循环中使用了指令,然后对数据进行筛选的时候,发现指令没有起作用。

  

 vue列表数据发生变化指令没有更新问题及解决方法”>,</p>
  <p>如图前面的图标是根据文件名的后缀名,返回响应图标的,通过指令实现的。然后我们在搜索框中删选以后,数据更新了,但是图标没有更新</p>
  <p> <>强分析原因</强> <br/>
  </p>
  
  <pre类=   & lt; div)=?项目、索引)替换”:关键=爸甘北?   …   & lt;/div>      

问题就出在了:关键=爸甘币蛭獀ue中为循环是根据关键的值的变化来更新vnode的,很显然我们经过筛选如果删选出三条数据,那么指数=0,1,2没有变化,所以vnode没有更新

  

解决办法1:我们设置:关键的时候最好使用每条数据的id这样就是唯一的,每次筛选,vnode都会更新。

  

解决办法2:在指令中设置

     //添加绑定设置   绑定:函数(el、绑定vnode) {//绑定中的vnode里面的关键可以给设置一个随机数,这样每次都会更新虚拟节点。   让num=方法(math . random () * 10)   vnode。关键=num   },   插入:…      

  

以上所述是小编给大家介绍vue列的表数据发生变化指令没有更新问题及解决方法,希望对大家有所帮助,如果大家有任何疑问请给我留的言,小编会及时回复大家的。在此也非常感谢大家对网站的支持。
  如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!

vue列表数据发生变化指令没有更新问题及解决方法