iview的输入框通过$event清空

在iview组件库中，如果你想通过$event对象来清空iview的Input输入框，通常会在处理表单事件（如`input`、`change`等）的时候操作。例如，在一个`Input`组件里，你可以这样做：

<template>
  <i-input v-model="value" @on-change="handleInputChange"></i-input>
</template>

<script>
export default {
  data() {
    return {
      value: '',
    };
  },
  methods: {
    handleInputChange(e) {
      // 使用$event阻止默认的行为并清除输入值
      e.preventDefault();
      this.value = '';
    }
  }
};
</script>

在这个例子中，当用户改变输入内容时，`handleInputChange`方法会被触发。我们通过`e.preventDefault()`阻止了浏览器的默认动作（比如回车后的提交），然后将`this.value`设置为空字符串，实现了清空输入框的效果。

相关问题

iview this.$Modal.confirm(config) 弹出框怎么添加类名

你可以通过 `config` 对象的 `class` 属性来添加类名。具体地说，在 `config` 对象中设置 `class` 属性为你想要添加的类名即可。例如：

this.$Modal.confirm({
  class: 'my-custom-class',
  // 其他配置项
});

这样就会给弹出框元素添加一个名为 `my-custom-class` 的类名。你可以根据自己的需要替换 `'my-custom-class'` 为你想要的类名。

iview this.$Modal.info({})不展示底部按钮需要怎么配置

要使 `$Modal.info({})` 不展示底部按钮，可以在调用 `this.$Modal.info({})` 时，将 `ok-button` 和 `cancel-button` 的值设置为 `false`。示例如下：

this.$Modal.info({
  title: '提示',
  content: '这是一条提示信息',
  okButton: false,
  cancelButton: false
});

这样就可以不展示底部按钮了。