亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

vue+vite+diff.js使用小結(jié)

 更新時(shí)間：2023年12月08日 16:13:27   作者：看什么看  
本文主要介紹了vue+vite+diff.js使用小結(jié),文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧

想實(shí)現(xiàn)找字符串不同的功能，找到一個(gè)diff包，功能還挺全，官方示例使用的是這樣：

const Diff = require('diff');
const diff = Diff.diffChars(one, other);

但是在vue+vite中使用就不能用require。

進(jìn)入diff的包找到了解決辦法。（我用的是5.1.0，更早的版本不確定能不能這樣用）

在vue中這樣引入

import {Diff} from 'diff';

使用：

var characterDiff = new Diff();
function diffChars(oldStr, newStr, options) {
	return characterDiff.diff(oldStr, newStr, options);
}
diffChars(oriText, resText,{}).forEach(
	function(part){
		console.log(part)
		if(part.added) {
			part.value = "<span style='color:#2D93CA;font-size:16px;'>" + part.value + "</span>"
		}}
	);

其他的功能類(lèi)似，要到diff包中的lib/index.mjs文件中找new Diff()前后的代碼，結(jié)合/lib/diff中的相應(yīng)功能代碼自己進(jìn)行改寫(xiě)。

到此這篇關(guān)于vue+vite+diff.js使用小結(jié)的文章就介紹到這了,更多相關(guān)vue vite diff.js內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

相關(guān)文章

最新評(píng)論