为什么Vuetify 在自定义侧边弹窗中刷新进入时页码没有缩略?-灵析社区

猫界袁隆平

组件是vuetify,做了个带transition效果的侧边弹窗,放了个表格和分页组件,但是刷新页面第一次进去的时候,分页页码没有缩略,![image.png](https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241011/d2b3807513617d61ac7ac3b1947da9a6.png),多的话直接遍布整个网页,但是当我缩放网页或者随机点击某一个页码就会恢复正常,给v-pagination设置total-visible,设为6,感觉是宽度没有做限制的问题,但是侧边弹窗做了宽度限制,分页不应该自适应宽度吗,实在找不出啥原因,求大佬们指点迷津!!! 设了多个宽度测试,不得

阅读量:208

点赞量:0

问AI
从 “当我缩放网页或者随机点击某一个页码就会恢复正常 ” 这个现象来看,可能是因为你直接给 "v-pagination" 绑定了一个整体的对象属性? 比如说 "" 这样。但你的 "iPagination" 里面的 "length" 属性是没有被监听的。比如: export default { data(){ return { iPagination: {} } }, mounted(){ this.iPagination.length = 6 // 这样添加的 `length` 属性 } } 所以在页面中进行其他操作之后触发了视图更新,带着这个失去监听的属性更新到视图中了。 现在只能这样猜测,需要你提供多的信息,或者一些业务代码才能更好的回答你的问题。