vue2和vue3v-for中的Ref变化

来源：意榕旅游网

在 Vue 2 中，在 v-for ⾥使⽤的 ref attribute 会⽤ ref 数组填充相应的 $refs property。当存在嵌套的 v-for 时，这种⾏为会变得不明确且效率低下。在 Vue 3 中，这样的⽤法将不再在 $ref 中⾃动创建数组。要从单个绑定获取多个 ref，请将 ref 绑定到⼀个更灵活的函数上 (这是⼀个新特性)

v2中 setItemRef 会⾃动填充为数组，可以通过 this.$refs.setItemRef[index]来使⽤。v3中需要⼿动绑定ref的值，如下,实际开发中setItemRef应该由list 遍历时动态⽣成

data{

　　return {　　　　list:[{　　　　　　id:1,

　　　　　　name:'name1'　　　　},

　　　　{

　　　　　　id:2,

　　　　　　name:'name2'　　　　}],

　　　　setItemRef:['listOne','listTwo']　　}}

因篇幅问题不能全部显示，请点此查看更多更全内容

查看全文

违法及侵权请联系：TEL:199 1889 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务