Vue.js中实现通过一个dom的事件,使得另一dom也触发事件
来源:互联网 发布:淘宝哪家店女装时尚 编辑:程序博客网 时间:2024/06/05 05:31
Vue.js中实现通过一个dom的事件,使得另一dom也触发事件
最近做的项目中要求用户点击搜索按钮进入一个搜索界面,同时按下确认键也要进入搜索界面,这里我进入搜索界面时使用的是路由
html代码如下
<input type="text" class="inputText" v-model="searchText" /> <router-link to="/search" class="search_icon" ><img src="../../../img/goods/search-icon.png"><router-link>
实现的界面是这样的
现在点击右边的搜索按钮已经可以进入路由,但是用户敲击键盘确认键还没有用。
我在图片中加上一个ref=”searchDom”,又在搜索框上加上一个键盘事件,完成的代码为
<input type="text" class="inputText" v-model="searchText" @keyup.enter="keyenter"/> <router-link to="/search" class="search_icon" ><img src="../../../img/goods/search-icon.png" ref="searchDom" alt="搜索"></router-link>
之后在methods中写下键盘按下的方法
keyenter() { this.$refs.searchDom.click(); }
这样就实现了操作dom联动事件。
阅读全文
0 0
- Vue.js中实现通过一个dom的事件,使得另一dom也触发事件
- js如何获取触发js事件的DOM
- DOM事件(JS事件)
- DOM对象触发事件的一些解
- javascript:触发DOM的onclick事件
- JS-CSS-DOM事件
- 【JS】DOM事件模型
- js DOM事件详解
- JS-DOM事件
- DOM事件对象【JS】
- JS中的DOM事件
- JS HTML DOM事件
- js DOM 点击事件
- DOM-3 JS事件
- Js中的DOM事件
- 解决js添加一个按钮,让这个按钮也获得初始的事件,绑定到新生成的DOM
- JS实现对DOM元素事件的绑定
- JS中dom绑定事件方法
- 二分查找非递归与递归实现
- C++ : string 转 const char * 及 string 转 char *
- 不要靠巧合编程
- Next Permutation(寻找字典序比输入大1的序列)
- 菜鸟教你如何用php写后台API
- Vue.js中实现通过一个dom的事件,使得另一dom也触发事件
- 前端优化-工程角度
- [leetcode: Python]3. Longest Substring Without Repeating Characters
- Linux系统根目录结构
- git 版本回退[git reset --hard HEAD^]与查看修改点[git diff]
- 定义一个字符串类DelSameStr,从左到右对字符串中每个字符删除其后所有相同的字符,只留下第一次出现的那一个。例如,若字符串为”cocoon”,删除重复出现的字符后,其结果是字符串”con”
- 堆及topk问题
- 二叉树的镜像
- object-c 使用socket.io与服务器通讯