<template> <div> <!-- el實(shí)現(xiàn) --> <el-form> <el-form-item label="相關(guān)人員"> <el-select class="filter-item" multiple v-model="forms.teamuser" placeholder="請(qǐng)選擇相關(guān)人員" style="width: 100%;"> <el-option v-for="(item,index) in forms.messageuser" :key='index' :label='item' :value='index'> </el-option> </el-select> </el-form-item> </el-form> </div></template><script> export default{ data(){ return{ forms:{ teamuser:'區(qū)域1', messageuser:['區(qū)域1','區(qū)域2','區(qū)域3'] }, } }, //深度監(jiān)聽(tīng)對(duì)象屬性變化 computed:{ teamuser(){ console.log(this.forms.teamuser) return this.forms.teamuser } }, watch:{ teamuser(){ console.log('watch方法執(zhí)行了'+this.forms.teamuser) } } }</script>如上代碼,為什么computed屬性可以作為watch的中間件,從而實(shí)現(xiàn)可以監(jiān)聽(tīng)對(duì)象forms的teamuser屬性
在vue中為什么可以通過(guò)computed屬性作為中間件,去監(jiān)聽(tīng)對(duì)象屬性的變化
手掌心
2019-03-03 16:31:32