阻止Form表单默认提交

场景：最近开发的一个功能，在弹窗中，点击复制按钮，复制链接，但是每当第一次点击复制按钮后就会发生刷新页面，造成首次无法复制的情况，而网页的地址会出现如下情况，拼接到一个问号

 原因：这是一个form表单，点击按钮会触发默认的提交事件

解决方法： 

在你要点击的按钮上添加   @click.prevent   用来阻止默认事件

 <button v-if="btnurlshow"
                    class="btnurl"
                    data-clipboard-target="#url"
                    size="small"
                    :plain="true"
                    @click.prevent="copyUrl">
              <icon-svg name="fuzhi"
                        class="icon16 iconDetails" />
            </button>

常用的事件修饰符

@click.stop 阻止事件冒泡

@click.prevent 阻止事件的默认行为

按键修饰符

@keyup.enter

<input type="text" @keyup.enter="test">