// 解决vue-code-diff对不齐和显示下拉标志问题 .center { max-height: 600px; overflow-y: auto; overflow-x: hidden; /* 样式穿透-起始行左右对齐,*/ .d2h-code-side-line{ height:15px; } code.hljs{ padding: 0; } // 删除行统计显示 .d2h-code-side-...
在 vue2 上我们有 vue-code-diff 可以使用。美中不足的是其只能支持 vue2,且依赖库含有废弃的依赖导致控制台报错,大文件 diff 时渲染速度过慢等问题,再加上我不太适宜原作者的代码结构与开发方式,因此我基于 vue-code-diff ,开发了一个 vue3/vue2 通用的 code diff 插件,且在渲染性能上有提升,也支持了...
1. cnpm install vue-code-diff 2. <code-diff class="center":renderNothingWhenEmpty="true"//差异为空时不显示:old-string="oldJsonData"//对比旧数据:new-string="newJsonData"//对比新数据:context="10"outputFormat="side-by-side"//展示方式,设置为分两边展示一边一个数据/> 3. css样式配置 .cent...
1. 安装 vue-code-diff 可以通过 npm 命令安装: ``` npm install vue-code-diff ``` 2. 引入并注册组件 在Vue 项目中需要使用 Vue-code-diff 组件时,需要在需要使用页面中引入组件,并注册组件: ``` <template> <div class="wrapper"> <vue-code-diff :old-text="oldText" :new-text="newText" ...
yarn add vue-code-diff 使用 <template><div><code-diff:old-string="oldStr":new-string="newStr":context="10"/></div></template>importCodeDifffrom'vue-code-diff'exportdefault{components: {CodeDiff}, data(){return{oldStr:'old code',newStr:'new code'} } } ...
vue-code-diff 代码比对展示demo 安装 yarn add vue-code-diff 使用 <template> <div> <code-diff:old-string="oldStr":new-string="newStr":context="10"/> </div> </template> import CodeDiff from 'vue-code-diff' export default { components: {CodeDiff}, data(){ return { oldStr: 'old ...
forked fromVisual.Hu/VueCodeDiff 代码Issues0Pull Requests0Wiki统计流水线 服务 Gitee Pages 质量分析 Jenkins for Gitee 腾讯云托管 腾讯云 Serverless 悬镜安全 阿里云 SAE Codeblitz 我知道了,不再自动展开 加入Gitee 与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :) ...
草草草草草:v-code-diff,一个 vue2/3 可用、更多特性支持的代码对比插件36 赞同 · 213 评论文章 但v-code-diff 0.x 版本(下称旧版)有一系列问题,比如语法高亮识别不准确、无法展开折叠、以及对大文本内容 diff 渲染较慢的问题。因此在后来,我开发了插件的 1.x 版本。今天,我很高兴向大家介绍全新升级的...
lib/code-diff index.vue 5 changes: 5 additions & 0 deletions5README.md Original file line numberDiff line numberDiff line change Expand Up@@ -35,6 +35,11 @@ export default { |new-string|新的字符串|string|—|—| |context|不同地方上下间隔多少行不隐藏|number|—|—| ...
vue-code-diff 代码比对展示demo 安装 yarn add vue-code-diff 使用 <template> <div> <code-diff:old-string="oldStr":new-string="newStr":context="10"/> </div> </template> import CodeDiff from 'vue-code-diff' export default { components: {CodeDiff}, data(){ return { oldStr: 'old ...