美文网首页
elementUI table组件获取表格当前行的索引(popo

elementUI table组件获取表格当前行的索引(popo

作者: ForeverYoung_06 | 来源:发表于2020-06-15 16:32 被阅读0次
 <el-table-column align="center" label="操作" min-width="140">
                    <template slot-scope="scope">
                        <div class="operate-gather">
                            <el-button size="mini" type="success">编辑</el-button>
                            <el-popover
                                class="m-l-10"
                                trigger="click"
                                placement="left"
                                width="220"
                                v-model="levelVisible[scope.$index+1]"
                                @show="handleStatus(scope)"
                            >
                                <div class="levelBox">
                                    <p class="levelBoxTitle">设置权重</p>
                                    <p class="levelBoxIpt">
                                        <el-input-number
                                            v-model="number"
                                            controls-position="right"
                                            @change="handleChange"
                                            :min="1"
                                            :max="10"
                                        ></el-input-number>
                                    </p>
                                </div>
                                <div style="text-align: center; margin: 0">
                                    <el-button
                                        size="mini"
                                        type="info"
                                        @click="closePopover(scope.$index+1)"
                                    >取消</el-button>
                                    <el-button
                                        type="primary"
                                        size="mini"
                                        @click="ensurePopover(scope.$index+1)"
                                    >确定</el-button>
                                </div>
                                <el-button size="mini" type="info" slot="reference">设置权重</el-button>
                            </el-popover>
                        </div>
                    </template>
 </el-table-column>




//方法
      handleStatus(scope) {
            // console.log(scope.row.id); //获取id
            // this.levelId=scope.row.id;
        },
        closePopover(index) {
            this.levelVisible.splice(index, 1, false);
        },
        ensurePopover(index) {
            this.levelVisible.splice(index, 1, false);
            // this.levelId当前修改权重的ID
        },
        handleChange(val) {
            console.log(val);
        }    

相关文章

网友评论

      本文标题:elementUI table组件获取表格当前行的索引(popo

      本文链接:https://www.haomeiwen.com/subject/aekvuhtx.html