看圖片
這個時候中間本來應(yīng)該顯示的是3個點(diǎn)點(diǎn),但是卻亂碼了将饺,我看網(wǎng)上說什么要去引入語言包贡避,太麻煩了
打開控制臺,找到這個亂碼的標(biāo)簽樣式
編譯出來了就是三個點(diǎn)點(diǎn)
沒編譯出來就是亂碼
那就重寫它的樣式予弧!
iview官網(wǎng)上關(guān)于Page組件的樣式刮吧,用的是content: "\2022\2022\2022";
所以,在你使用這個分頁組件的頁面的style樣式里面寫上
<style> // 注意掖蛤,這里style里面不可以加scoped杀捻,不然重寫的組件樣式不會生效
.ivu-page-item-jump-next:after,
.ivu-page-item-jump-prev:after {
content: "\2022\2022\2022" !important;
}
</style>
如果你的style里面有很多其他標(biāo)簽的樣式,且只限在本頁面生效坠七,那么水醋,就用深度選擇器/deep/
<style lang="scss" scoped>
/deep/ .ivu-page-item-jump-next:after,
.ivu-page-item-jump-prev:after {
content: "\2022\2022\2022" !important;
}
</style>
如果深度選擇器不生效,可以試試 穿透'>>>'彪置,這個我沒有實(shí)際用過枫绅,如果前面兩種不生效的童鞋撮奏,可以試試這個
<Page class="pageStyle" size="small" :total="100" :current="1" :page-size="10">
</Page>
<style>
.pageStyle >>> .ivu-page-item-jump-next:after,.ivu-page-item-jump-prev:after{
content: "\2022\2022\2022" !important;
}
</style>