项目中遇到的坑,在form表单中以走马灯的形式展示已经上传过的附件图片,点击指示器切换图片时遇到了会触发页面刷新的问题。
问题原因
el-carousel走马灯组件指示器使用的button标签包裹的,如下截图:
在form表单中的button会自动加上type='submit'属性(如果没有type属性submit为浏览器的默认值)点击默认会提交表单触发页面刷新。需要手动赋值为type='button'后再点击button按钮页面不会再刷新,如需要提交表单可以添加click事件。
解决:
将elementUI的走马灯组件copy一份将其中的button改成其他标签即可