vue 自定义的组件如何绑定表单失去焦点事件

Question

<i-text label="产品名称 :" v-model="lines" @blur.native="queryId()"></i-text>
我这是一个文本框组件，现在想绑定一个失去焦点事件，发现绑定不上，要怎么做呢？谢谢

Answer 1

然而我测试可以，你看看哪里写错了，或者去掉queryId后面的括号试试，反正不传参数用不着用内联js语句。
Hello.vue

<template>
    <hello-list label='somename' v-model="lines" @blur.native="func()"></hello-list>
</template>

<script lang="ts">
import {Vue, Component, Prop} from 'vue-property-decorator'
import HelloList from './HelloList.vue'

@Component({
    components: {
        HelloList
    }
})
export default class Hello extends Vue {
    lines = 'sth'
    func() {
        alert('2333')
    }
}
</script>

HelloList.vue

<template>
  <input type="text" :placeholder="value">
</template>

<script lang="ts">
import {Component, Prop, Vue} from 'vue-property-decorator'

@Component
export default class HelloList extends Vue {
    @Prop()
    value: string
}
</script>

Answer 2

@blur="handle"

handle(){

console.log("失去焦点")

}