我想着当表单有内容时,进入页面自动触发@blur事件,我是直接把事件加入生命周期里面还是怎么改

  <input v-model="wkt" @blur="fetchCstype" />

请问一下,我想着当表单有内容时,进入页面自动触发@blur事件,我是直接把事件加入生命周期里面还是怎么改

将 fetchCstype 写成一个函数,然后再进入页面判断有没有值,有值在下一次dom更新,调用一下,fetchCstype 函数不可以吗

你可以使用mounted生命周期钩子函数

当数据wkt不为空时,再手动调用fetchCstype方法,从而触发@blur事件

input没有聚焦focus,怎么触发失去焦点blur,你想达到什么效果?

<template>
  <div>
    <input ref="wkt" v-model="wkt" @blur="fetchCstype" />
  </div>
</template>

<script>

export default {
  data () {
    return {
      wkt: ''
    }
  },
  created () {
    this.wkt = '123'
  },
  mounted () {
    this.$refs.wkt.focus() // 聚焦
    this.$refs.wkt.blur() // 失焦
  },
  methods: {
    // 失去焦点事件
    fetchCstype (e) {
      console.log(e.target.value)
    }
  }
}
</script>