naive-ui/demo/documentation/components/input/zhCN/event.demo.md

事件

<n-input
  v-model:value="value"
  @blur="handleBlur"
  @focus="handleFocus"
  @change="handleChange"
  @keyup="handleKeyUp"
  @input="handleInput"
  placeholder="触发事件"
/>
<n-input
  v-model:value="value"
  type="textarea"
  @blur="handleBlur"
  @focus="handleFocus"
  @change="handleChange"
  @keyup="handleKeyUp"
  @input="handleInput"
  placeholder="触发事件"
/>

export default {
  inject: ['message'],
  data() {
    return {
      value: null,
      pair: null
    }
  },
  methods: {
    handleFocus() {
      this.message.info("[Event focus]")
    },
    handleBlur() {
      this.message.info("[Event blur]")
    },
    handleChange(v) {
      this.message.info("[Event change]" + v)
    },
    handleKeyUp(e) {
      this.message.info("[Event keyup]")
    },
    handleInput(v) {
      this.message.info("[Event input] " + v)
    }
  }
}

.n-input {
  margin-bottom: 8px;
}