V-for and slot-scoped报错问题

此场景是为了用v-for动态渲染表格的slot

可能会这么写


    
          {{ text }}
    

但是这样子会报错,因为v-for和slot-scope在同一级

Ambiguous combined usage of slot-scope and v-for on (v-for takes higher priority). Use a wrapper < template> for the scoped slot to make it clearer.

提示在外边包一层< template>,于是你可能改成下面这样,但是也会报错


    

< template> cannot be keyed. Place the key on real elements instead.

提示< template>template不能写key, 即使没有这个错,表格数据也不会渲染出来,因为这一层没有slot,应该说slot应该是放最外面,同时把:key放里面

改成如下


    

以上解决问题

有个slot没有渲染的问题

         
        
        

好像是因为2个v-for="(slotname, idx)"里的slotname名字一样了,对的,就是取的临时变量名,修改成不一样的就好了,神奇

        
        
        

 

你可能感兴趣的:(vue,v-for,slot-scope)