👩💻 Join our community of thousands of amazing developers!
在完成一个 code diff 需求时,发现所使用的插件不足以完成预期的需求。当然最终还是顺利完成了,详见 code diff demo。 1 需求使用 v-code-diff 组件,来开发一个接口请求结果比对的功能。 开发过程中,发现虽然它的 1.8.0 版本提供了具名插槽 stat,但是插槽并没有回传值,于是乎,看了一下它的源码,提了一个 PR 加了一个作用域,见 Shimada666/v-code-diff#119,作者很快也就合并了。 这样就简化了原插槽的使用: 1 2 3 4 5 6 7 8 9 10 11 <CodeDiff :old-string="form.oldString" :new-string="form.newString" :language="form.language" :diff-style="form.diffStyle" > <template #stat="{ stat }"> <span class="diff-stat-added">+{{ stat.additionsNum }} 增<...