vue监听投入标签的价值值方法
由于项目需要做实时搜查询数据,所以需要监听投入标签的价值,这里使用的前端框架某视频剪辑软件
输入id='材料搜索'类型='文本' @向上键。enter=' search ' @ input=' search($ event)'/这里的重点是:@input='search($event)',表示当文本框有内容输入时,则调用搜索方法
/*模糊搜索*/search:函数(事件){ //方法一:直接通过事件。数据可以获得文本内容if(event.data!=null){ this。材料名称=事件。数据;} //方法二:获取数字正射影像图对象取价值值这个。材料名称=事件。当前目标。价值;//方法三:通过射流研究…获取这个。材料名称=文件。getelementbyid(“材料搜索”).价值;}拓展知识:Vue监听多个投入框是否都存在值的方法
如下所示:
div class='内部清除'输入类型=“文本”占位符='第一个输入框v-model=' input 1 '/div div class=' inner clear '输入类型=“文本”占位符='第二个输入框v-model=' input 2 '/div div class=' inner clear '输入类型=“文本”占位符='第三个输入框v型=' input 3 '/div
脚本部分:
导出默认值{ data : function()}返回{ input1: ' ',input2: ' ',input : ' ',ifExist: ' ',},}在页面中插入一个隐藏域:
div style=' display : none ' { ExitVal } }/div利用某视频剪辑软件的计算属性
计算出的: { exitsval :函数(){ this。如果存在=数字(布尔值(这。用户名))数字(布尔(这个。邮件代码))号码(布尔(这个。mailad));} },用看监听数据中文件名的值
watch:{ifExist(newVal,旧val){ if(Number(new val)=3)}三个投入框内都有值时需要做的操作}else{至少一个没有值} }}以上这篇某视频剪辑软件监听投入标签的价值值方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们。
版权声明:vue监听投入标签的价值值方法是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。