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

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

原始写法:

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

初始化时我们将:

更改为:

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

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

友情链接更多精彩内容