页面的字符串空格被忽略

Question

<el-tree
        :id="targetId"
        :data="fundList"
        node-key="treeCode"
        ref="ctree"
        highlight-current
        node-drop="allowDrops"
        default-expand-all
        :filter-node-method="filterNode"
        @node-click="handleNodeClick"
        :expand-on-click-node="false"
        class="yh-tree-line"
      >
        <span class="custom-tree-node" slot-scope="{ node, data }">
          <span class="label" :title="node.treeName" v-text="data.treeName" ></span>
        </span>
      </el-tree>

这是代码

这是问题

1.已经尝试过了用{{data.treeName}}、v-html="data.treeName"、  、white-space
都没有用 实在是找不到是什么原因造成的。有没有大佬遇到过

Answer 1

white-space 是合理的。

别的都不对。这个问题本身就是 html 对于空白符的处理问题

Answer 2

white-space:pre 这个没用吗

Answer 3

html对于多空格会合并，可以在渲染前将空格转义一下
str.replace(/ /g, ' ')