vue 隐藏from_vue中如何控制input的对应内容的显示隐藏

在mount时，为什么会调用三次arr2的方法，我怎么在input的值改变的时候才显示下方input的对应内容，现在一直显示，我无法在arr2中控制其显示隐藏

@{

ViewBag.Title = "Index";

Layout = "~/Views/Shared/_Layout.cshtml";

}

• 邮件主题

{{v}}

//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:''

},

//钩子函数，初始化完

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;

}

}

})