ztree是一個用于常用數據結構的jQuery插件，它可以輕松地生成可擴展的樹形結構，提供了許多功能，比如多選、單選、異步加載、節點操作等。vue-ztree是一款基于ztree的vue組件，它允許用戶使用vue組件的形式來操作ztree。本文將介紹如何在vue-ztree中更改字體顏色。

首先，在vue-ztree中更改字體顏色的方法有很多，這里我們將介紹其中的兩種方法。第一種方法是直接在ztree的設置中更改字體顏色，這需要在ztree的setting屬性中增加fontCss屬性來實現。

export default {
data () {
return {
tree: {
setting: {
data: {
simpleData: {
enable: true,
idKey: 'id',
pIdKey: 'parentId',
rootPId: null
}
},
view: {
fontCss: {color: 'red'} //字體顏色
}
},
nodes: []
}
}
}
}

上述代碼中，我們增加了一個fontCss屬性，其值是一個包含color屬性的對象，這里定義為red。這樣就可以讓所有的節點顯示為紅色字體。

第二種方法是給每個節點單獨設置字體顏色。這需要在每個節點的字體中增加color屬性。

export default {
data () {
return {
tree: {
setting: {
data: {
simpleData: {
enable: true,
idKey: 'id',
pIdKey: 'parentId',
rootPId: null
}
}
},
nodes: [
{name: '節點1', open: true, children: [
{name: '節點1.1', font: {color: '#8FAF9F'}}, //設置字體顏色
{name: '節點1.2', font: {color: '#8FAF9F'}}
]},
{name: '節點2', font: {color: 'red'}}
]
}
}
}
}

上述代碼中，我們給節點1.1和節點1.2單獨設置了字體顏色，其值是一個包含color屬性的對象。我們也可以給節點2設置字體顏色，這樣它的子節點也會繼承它的字體顏色。

綜上所述，我們可以通過ztree的設置和節點的字體來更改vue-ztree的字體顏色。如果你想改變其他樣式，可以參考ztree提供的其他設置項。