<el-select v-model="row.postId" :placeholder="$t('publicAll.publicBtn.select')" @change="Position(row)"> <el-option v-for="item in DepPosition" :key="item.postId" :label="item.postName" :value="item.postId" /> </el-select> 添加一个点击事件 点击的时候清空下拉框选中的值
时间: 2024-04-11 22:33:18 浏览: 88
如何获取select下拉框的值(option没有及有value属性)
5星 · 资源好评率100%
你可以在 `el-select` 元素上添加一个 `@clear` 事件,然后在事件处理函数中将 `v-model` 绑定的值设置为 `null` 或者空字符串,以清空下拉框的选中值。以下是示例代码:
```html
<el-select v-model="row.postId" :placeholder="$t('publicAll.publicBtn.select')" @change="Position(row)" @clear="clearSelection">
<el-option v-for="item in DepPosition" :key="item.postId" :label="item.postName" :value="item.postId" />
</el-select>
```
```javascript
// 在 methods 中定义 clearSelection 方法
methods: {
clearSelection() {
this.row.postId = null; // 或者设置为空字符串 ''
},
// 其他的方法...
}
```
这样,当点击下拉框的清空按钮时,`clearSelection` 方法会被触发,然后将 `row.postId` 的值设置为 null 或者空字符串,从而清空选中的值。
阅读全文