vue同一组件不断切换值输入值问题

145 阅读1分钟

最近接到一个需求,需要根据前面的选择框的值进行切换后面可操作的组件类型和组件值,这里有五六种类型,有的组件可以重复,有的组件替换。当不断的切换同一种组件时会出现值输入不了,值选择不了的问题。
因为在vue中,如果不断切换同一种组件,vue会渲染同一个组件而不是重新渲染,那么这里就必须进行区分。
解决方案:

  • 1、看清楚代码中同一区域有哪些是一种组件(同种组件不同类型不同值)
  • 2、通过key进行区分,值随便定义就可以了,只要互相可以进行区分。 注意:这里就相当于组件的标识,组件在渲染的时候会检索到需要重新渲染,因为不是同一个组件。