element ui使用过程中遇到问题总结

1、当一个表单中只有一个输入框，输入内容后回车，页面刷新，此时发现路由多了一个问号

问题

当一个表单中只有一个输入框，输入内容后回车，页面刷新，此时发现路由多了一个问号

<el-form>
    <el-form-item >
        <el-input @keyup.enter.native="search" />
    </el-form-item>
</el-form>
export default {
    methods:{
        search(obj){}
    }
}

**

现象

**

http://localhost:8080/?#/home

解决

在form上添加 @submit.native.prevent

<el-form @submit.native.prevent>
</el-form>

当form表单中只有一个输入框，此时在输入框输入内容后回车，会提交表单，如果希望阻止这一默认行为，可以添加上面的代码