笔记:form表单中请不要使用带indicator指示器的el-carousel展示图片

116 阅读1分钟

项目中遇到的坑,在form表单中以走马灯的形式展示已经上传过的附件图片,点击指示器切换图片时遇到了会触发页面刷新的问题。

问题原因

el-carousel走马灯组件指示器使用的button标签包裹的,如下截图:

image.png

在form表单中的button会自动加上type='submit'属性(如果没有type属性submit为浏览器的默认值)点击默认会提交表单触发页面刷新。需要手动赋值为type='button'后再点击button按钮页面不会再刷新,如需要提交表单可以添加click事件。

解决:

将elementUI的走马灯组件copy一份将其中的button改成其他标签即可