vue中封装eachars组件,在不同页面调用,不显示内容的问题

因为一个组件中,id是唯一性,即使动态改变id的名称,在同意一个页面,没法多次调用同一个eachars组件,为了在同一个页面调用多个eachars组件,具体做法如下:

原始写法:

其实很简单,修改一点就好了,将我们封装的组件中的id选择器删掉,换成ref,下面是组件修改部分

初始化时我们将:

更改为:

希望助你一臂之力,正在奋斗的路上,加油!

你可能感兴趣的:(vue中封装eachars组件,在不同页面调用,不显示内容的问题)