Vue 下拉列表绑定数据并刷新数据(this.$set(this,“roleList“,this.roleList);)

Posted 蓝盒子itbluebox

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vue 下拉列表绑定数据并刷新数据(this.$set(this,“roleList“,this.roleList);)相关的知识,希望对你有一定的参考价值。

向下列表格绑定数据

<el-table v-loading="loading" :data="roleList" @selection-change="handleSelectionChange">
      <el-table-column type="selection" width="55" align="center"/>
      <el-table-column label="角色编号" prop="roleId" width="120"/>
      <el-table-column label="角色名称" prop="roleName" :show-overflow-tooltip="true" width="150"/>
      <el-table-column label="学院名称" prop="college_name" :show-overflow-tooltip="true" width="150"/>
      <el-table-column label="权限字符" prop="roleKey" :show-overflow-tooltip="true" width="150"/>
      <el-table-column label="显示顺序" prop="roleSort" width="100"/>
      </el-table-column>
    </el-table>

使用这种方式( this.$set(this,“roleList”,response.rows);)绑定数据后刷新列表

 methods: 
      /** 查询角色列表 */
      getList() 
        this.loading = true;
        listRole(this.addDateRange(this.queryParams, this.dateRange)).then(response => 
            this.$set(this,"roleList",response.rows);
          
        );
      ,
 

以上是关于Vue 下拉列表绑定数据并刷新数据(this.$set(this,“roleList“,this.roleList);)的主要内容,如果未能解决你的问题,请参考以下文章

最详细的vue+vant的上拉加载,下拉刷新

基于vue的下拉刷新&滚动刷新指令

vue el-select 设置默认值后选项无法切换

基于vue的下拉刷新&滚动刷新指令

vue+element el-select 选项无法选择的问题

Vue数组操作不刷新视图问题的解决