vue点击加载更多功能

vue视频加载失败提示

遇到的问题

因为video加载有可能失败，因为使用videoLoadError方法处理视频加载失败的情况，结果却发现无论视频是否加载成功都会触发error事件对应的videoLoadError方法，后来又换了onload、onemptied等一系列方法，甚至click都试过了，结果发现依然会立刻触发。

源代码。

3、解决方案

3.1、重新设置onerror方法

依然用:error来绑定事件，实际上这里用别的事件，什么click、onload也一样，但是为了可读性和控制台不报错就毅然使用error事件。

先不给video设置src属性（因为之后会重新请求，现在不需要请求，减少向服务器的请求次数），然后给videoItem的fileName值作为每个video的id，并在idvideoLoadError传入videoItem对象，在触发了videoLoadError方法之后，根据id找到对应的video，然后重新设置onerror对应的方法。

vue 消息提示后面刷新页面会怎么样

在Vue中，当消息提示后刷新页面，通常情况下不会影响消息提示的显示状态。因为消息提示通常是通过Vue组件或者状态管理库来实现的，它们的状态不会因刷新页面而改变。但是，如果刷新页面时重新加载了组件或者重新初始化了状态管理库，那么消息提示的状态可能会重置，导致之前的消息提示消失。因此，需要在页面刷新后重新触发消息提示的显示逻辑，以确保消息提示能够正常显示。同时，也可以考虑使用持久化存储技术或者在路由跳转时保存消息状态，以避免刷新页面后丢失消息提示。

相关标签： # vue点击加载更多