解決vant 框架 tab切換插件標(biāo)題樣式不能自定義問(wèn)題

找到源碼：node_modules/vant/es/tabs/Title.js
修改如下代碼：

return h("div", {"attrs": {"role": "tab","aria-selected": this.isActive},"class": [bem({active: this.isActive,disabled: this.disabled,complete: !this.ellipsis}), {'van-ellipsis': this.ellipsis}],"style": this.style,"on": {"click": this.onClick}}, [h("span", {"class": bem('text')}, [this.slots() || this.title, h(Info, {"attrs": {"dot": this.dot,"info": this.info}})])]);

this.title即是標(biāo)題；新增一個(gè)span標(biāo)簽

<span>看情況修改</span> [h("span", {"class": bem('text')}, [this.slots() || this.title, h(Info, {"attrs": {"dot": this.dot,"info": this.info}}),h("span","看情況修改")])]

最后在app.vue中修改樣式

.van-tabs__nav--line .van-tab .van-tab__text span{color:#cc0000 !important; }

總結(jié)

以上是生活随笔為你收集整理的vant 解决tab切换插件标题样式自定义的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。