首页 > 技术文章 > 记一次element ui table 数据改变UI没渲染的坑

llcdbk 2020-05-14 16:03 原文

我要根据外界的值来判断我显示的table是单选还是多选,但是props的值变了UI却一直没什么反应,后来采用了强制刷新,在组件上加了一个:key=  XXX,这个key根据外界的值得变化而变化,问题解决,大概的问题代码如下:

  <!-- 不可单选不能编辑就是多选 -->
      <el-table-column v-if="!edit&&!isRadio" type="selection"/>
      <!-- 不可单选不能编辑就是多选 -->
      <el-table-column v-if="!edit&&isRadio" width="50">
        <template slot-scope="scope">
          <!-- 加入空标签,比如label,防止显示 :label属性绑定的index -->
          <el-radio class="radio" v-model="radio" :label="scope.$index">
            <label></label>
          </el-radio>
        </template>
      </el-table-column>

 

推荐阅读