vue-element-admin通过scope.row获取表格每列的值,以及scope.$inde

废话不多说,直接上代码:

                v-loading="listLoading"
                :data="tableData"
                style="width: 100%">
                                  prop="time"
                  label="发布时间"
                  width="180">
               
                                  prop="title"
                  label="公告标题"
                  width="180">
               
                                  prop="content"
                  label="公告内容">
               
               
                 
                 
               

             

 这里指的注意一个点,直接在el-table-column 上写slot-scope="scope",并且在里面直接写scope.row获取信息,会导致表格显示内容为空

解决方法:在里面嵌入一个template标签,然后再获取每行的值,就成功获取到了

scope.row和scope.$index的作用:

scope.row获取的是你的整行的值,可以是一个对象

vue-element-admin通过scope.row获取表格每列的值,以及scope.$inde_第1张图片

 

scope.$index获取的是从0开始排列的索引值

vue-element-admin通过scope.row获取表格每列的值,以及scope.$inde_第2张图片

 

你可能感兴趣的:(vue.js,elementui,javascript)