Vue1.x 中,是否能够实现在2个for指令中,复用dom?

<root>

    <component v-for="item in items1" :is="item.componentName>

        {{item.msg}}

   </component >

    <component v-for="item in items2" :is="item.componentName>

        {{item.msg}}

   </component >

    <button @click="items2.push(items1.shift())">向左移动</button>

    <button @click="items1.push(items2.shift())">向右移动</button>

 </root>

当我点击向左移动时,将数组items1中的第一个元素删除并添加到items2中,此时第一个v-for指令中将删除dom元素,第二个v-for元素中将生成一个dom元素(此元素是重新生成的)

问: 是否能够从指令一中复用这个dom,而不重新创建?


慕沐林林
浏览 518回答 1
1回答
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript