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

x33g5p2x  于2022-02-11 转载在 Vue.js  
字(1.1k)|赞(0)|评价(0)|浏览(704)

向下列表格绑定数据

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

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

  1. methods: {
  2. /** 查询角色列表 */
  3. getList() {
  4. this.loading = true;
  5. listRole(this.addDateRange(this.queryParams, this.dateRange)).then(response => {
  6. this.$set(this,"roleList",response.rows);
  7. }
  8. );
  9. },
  10. }

相关文章

最新文章

更多