el-cascader的form表单两级选择传值
时间: 2023-07-27 10:19:11 浏览: 159
vue el-cascader所需要的省市区街道联动的数据格式
如果`el-cascader`只有两级选择,可以使用`change`事件来实现传值。
假设我们的`el-cascader`只有省和市两级选择,我们可以这样绑定:
```
<el-form :model="form">
<el-form-item label="地址">
<el-cascader
:options="options"
:props="props"
@change="handleChange"
:show-all-levels="false">
</el-cascader>
</el-form-item>
</el-form>
```
在这里,我们使用`@change`事件来监听`el-cascader`的选择变化,然后调用`handleChange`方法来传值。
```
methods: {
handleChange(value) {
if (value.length === 2) {
this.form.province = value[0];
this.form.city = value[1];
}
}
}
```
在这里,我们判断选择的值是否有两个,如果有两个,就将第一个值赋给`form.province`字段,将第二个值赋给`form.city`字段。
这样,在提交表单时,就可以直接使用`this.form.province`和`this.form.city`来获取省和市的值了。
阅读全文