vue监听输入框获取焦点

想实现一个当搜索框获取到鼠标的焦点时就跳转到另一个页面去搜索的功能。前提是得监听到当搜索框获取到焦点。<van-searchv-model="value"placeholder="请输入搜索关键词"@focus="focus"/></form>这里用到了vantUI的搜索框，@focus是获取焦点，@blur失去焦点。接下来是监听方法methods: {focus() {t

貂貂啊

4112人浏览 · 2020-05-21 20:33:07

貂貂啊 · 2020-05-21 20:33:07 发布

想实现一个当搜索框获取到鼠标的焦点时就跳转到另一个页面去搜索的功能。前提是得监听到当搜索框获取到焦点。

<van-search
  v-model="value"
  placeholder="请输入搜索关键词"
  @focus="focus"
/>
</form>

这里用到了vantUI的搜索框，@focus是获取焦点，@blur失去焦点。接下来是监听方法

methods: {
    focus() {
        this.$toast('hhh');
    },
    },

当鼠标点击搜索框时就会出现提示框

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^