问题描述：在一个vue项目中使用了┅个button绑定事件第一次进入这个页面，点击该按钮会直接刷新页面后面就不会了

分析：开始以为是事件回调的函数的影响，一步步断点排查发现回调函数没有任何问题，走入了死胡同纠结一番突然意识到可能是button默认事件的影响，经过测试果然是这样

方式1：阻止button的默認事件,vue中可以在事件绑定是使用事件修饰符

方式2：明确button的类型为普通按钮该方法适用于所有框架，推荐使用

方式3：直接换标签直接使用不带默认事件的普通标签，该方法不符合html5标签语义化的规范而且并没有解决本质问题，不推荐使用

版权声明：本文为博主原创文章只为分享而编，欢迎各位学习以及转载 /qq/article/details/

//.number 如果想自动将用户的输入值转为 Number 类型（如果原值的转换结果为 NaN 则返回原值），可以添加一个修飾符 number 给 v-model 来处理输入值
//.trim 如果要自动过滤用户输入的首尾空格可以添加 trim 修饰符到 v-model 上过滤输入