el-popover 点击打开卡顿
时间: 2023-12-02 10:40:41 浏览: 74
react-native-modal-popover:使用Modal的React-Native纯JS popover
el-popover 点击打开卡顿可能是由于以下原因导致的:
1.页面中存在大量的popover,导致页面响应变慢。
2.图片等资源过大,加载时间过长,导致popover响应变慢。
解决方法:
1.减少页面中popover的数量,只在必要的地方使用。
2.对于图片等资源过大的情况,可以使用懒加载等技术来优化。
3.可以使用Vue.js的异步组件来延迟popover的渲染,提高页面响应速度。
```javascript
<template>
<el-popover v-if="showPopover" ref="popover" placement="top">
<img :src="imgSrc" @load="onImgLoad" />
</el-popover>
</template>
<script>
export default {
data() {
return {
showPopover: false,
imgSrc: 'xxx'
}
},
methods: {
onImgLoad() {
this.showPopover = true
}
}
}
</script>
```
阅读全文