vue中input输入框有时候 修改不了和分页绑定了current-page但页码并没有变

1.input输入框有时候 修改不了

由于视图并没有更新，导致的

 <el-form-item label="物流名称" label-width="100px" prop="company">
          <el-input v-model="formAddress.company" @input="changeInput" clearable placeholder="请输入物流公司信息..."></el-input>
        </el-form-item>

使用@input事件拿到当前输入的值,使用this.$forceUpdate()进行强制渲染，刷新

   changeInput(){
        this.$forceUpdate();
      },

2.分页绑定了current-page但页码并没有变

由于在搜索后当前页数据变化了，而原本的分页当前页并不会改变。即在搜索的时候需要将当前页设置为1。

使用v-if绑定数据，当每次搜索的时候就注销掉前一个分页Dom，画面刷新完毕后，在渲染一个同样的分页，重新渲染必须放到$nextTick中，这样在使用分页就不会出现问题了。

 <page v-if="pageshow" :currentpage="formSearch.pageNo" :total="totals" layout="prev, pager, next,jumper"
          :pageSize="10" @pageChange="pageChange"></page>

   //查询
      searchList() {
        this.formSearch.pageNo = 1;
        this.pageshow = false;
        this.listcommonFunction();
        this.$nextTick(() => {
          this.pageshow = true
        })
      },