在mount時(shí),為什么會(huì)調(diào)用三次arr2的方法,我怎么在input的值改變的時(shí)候才顯示下方input的對(duì)應(yīng)內(nèi)容,現(xiàn)在一直顯示,我無(wú)法在arr2中控制其顯示隱藏@{ ViewBag.Title = "Index"; Layout = "~/Views/Shared/_Layout.cshtml";}<div id="itany"> <ul class="form-ul"> <li class="form-item"> <h4 class="form-title">郵件主題</h4> <input type="text" v-model="name" class="form-input"> <i class="icon pen"></i> </li> </ul> <p v-for="(v,k) in arr2" :key="k" v-show="flag"> {{v}} </p></div><!--循環(huán)綁定--><script> //export default{ // create(){ // this.request(); // }, // methods:{ // request(){ // } //} //} //import axios from './axios' //Vue.prototype.$http = axios var vm = new Vue({ el:'#itany', data:{ flag:false, arr:['華','alex','mark'], name:'' }, //鉤子函數(shù),初始化完 created: function(){ }, computed:{ arr2:function () { var temp=[]; //console.log(this.flag); this.arr.forEach(val=> { if(val.includes(this.name)){ this.flag=true; temp.push(val); console.log(this); } }); console.log(temp); return temp; } } })</script>
vue中如何控制input的對(duì)應(yīng)內(nèi)容的顯示隱藏
明月笑刀無(wú)情
2019-03-14 14:15:25