前阶段开发过程中，遇到这样一个需求，就是输入框无内容时按钮置灰，一旦输入了内容按钮变色，记录使用Vue.js实现过程。 1、思路：在 input 中使用 实现代码：写个大概，主要看思路 2、除了这样使用以外，我们还有另一种方法实现数据的监听： 上面是声明在Vue实例外的一个监听事件，通过第一个参数绑定监听的变量，和第二个回执函数来操作数据更新前后的值来进行操作。
v-model 和 data中定义好的变量实现双向绑定，通过 data 中的值来监听input中的值，接下来使用$watch来监听data中的值，这样一旦input中的值改变，data中的值就会改变，这时我们就可以通过 $watch 来进行data改变后的响应操作。<input v-model="login_phone" type="number" name="mh_phone" maxlength="11" > <div id="btn">按钮</div> var vm = new Vue({ el: "", data(){ return{ login_phone: "", } }, watch:{ "login_phone":{ handler:function(){ if(this.login_phone != ""){ $('#btn').css({'border':'1px solid #FE5848','background-color':'white','color':'#FE5848'}); }else{ $('#btn').css({'border':'1px solid #d8d8d8','background-color':'#C9C9C9','color':'white'}); } }, deep:true } } }); vm.$watch('login_phone',function(newVal,oldVal){ //需要做的事 })
本网页所有视频内容由 imoviebox边看边下-网页视频下载, iurlBox网页地址收藏管理器 下载并得到。
ImovieBox网页视频下载器 下载地址: ImovieBox网页视频下载器-最新版本下载
本文章由: imapbox邮箱云存储,邮箱网盘,ImageBox 图片批量下载器,网页图片批量下载专家,网页图片批量下载器,获取到文章图片,imoviebox网页视频批量下载器,下载视频内容,为您提供.
阅读和此文章类似的: 全球云计算
官方软件产品操作指南 (170)
