Demo:修复节点文字数量计数不正确的问题

This commit is contained in:
wanglin2 2023-04-21 09:37:49 +08:00
parent e584081b41
commit a6fff7f7a3

View File

@ -17,11 +17,14 @@
* @Date: 2021-06-24 22:53:10 * @Date: 2021-06-24 22:53:10
* @Desc: 字数及节点数量统计 * @Desc: 字数及节点数量统计
*/ */
let countEl = document.createElement('div')
export default { export default {
name: 'Count', name: 'Count',
props: {}, props: {},
data() { data() {
return { return {
textStr: '',
words: 0, words: 0,
num: 0 num: 0
} }
@ -39,9 +42,12 @@ export default {
* @Desc: 监听数据变化 * @Desc: 监听数据变化
*/ */
onDataChange(data) { onDataChange(data) {
this.textStr = ''
this.words = 0 this.words = 0
this.num = 0 this.num = 0
this.walk(data) this.walk(data)
countEl.innerHTML = this.textStr
this.words = countEl.textContent.length
}, },
/** /**
@ -51,7 +57,7 @@ export default {
*/ */
walk(data) { walk(data) {
this.num++ this.num++
this.words += (String(data.data.text) || '').length this.textStr += String(data.data.text) || ''
if (data.children && data.children.length > 0) { if (data.children && data.children.length > 0) {
data.children.forEach(item => { data.children.forEach(item => {
this.walk(item) this.walk(item)