vue 监听输入框控制页面渲染

1、实现效果：输入框的值一旦发生变化，页面返回值内容则改变

2、实现方案：通过bool值来判断

watch: { uname (newValue, oldValue) { this.boolean = true this.dataList = [] this.userActInfoList = [] }, }

当输入值改变后，boolean为true时，不对表格进行渲染，此时this.userActInfoList = [] ，列表为空

<div v-if="userActInfoList!=='' && this.boolean === false"> <Table class="info-table" :columns="columnsName" :data="userActInfoList"></Table> <div class="paging"> <Page :total="totalItem" :current="page" :page-size="pageSize" @on-change="pageChange"></Page> </div> </div>