1.表单内只有一个输入框时,el-form按enter会刷新
看看element-ui官网的表单模块下有说明喔
W3C 标准中有如下规定:
When there is only one single-line text input field in a form, the user agent should accept Enter in that field as a request to submit the form.
即:当一个 form 元素中只有一个输入框时,在该输入框中按下回车应提交该表单。如果希望阻止这一默认行为,可以在 标签上添加@submit.native.prevent
。
2.v-for循环绑定的ref要通过this.$refs.name[0]这样调用
this.$refs.name[0]
<div
v-for="(item,index) in arr"
:ref="item.name"
:key="item.name">
{{item.name}}
></div>
<script>
export default{
data(){
return{
arr:[
{
name: 'a',
age: 10
},
{
name: 'b',
age: 11
}
]
}
},
methods:{
thefun(){
// 这样调用
// this.$refs.a[0]
// this.$refs.b[0]
}
}
}
</script>