vue+vue-cli3.0+element 记录

vue

1.编辑表格

<el-table-column prop="sort" label="排序" align="center">

<template slot-scope="scope">

<span v-show="NoEdit != scope.row.relationshipId">{{scope.row.sort}}<i class="el-icon-edit ml10 cursor" @click="NoEdit=scope.row.relationshipId"></i></span>

<span v-show="NoEdit == scope.row.relationshipId">

<el-input-number size='mini' :min='1' v-model="sort"></el-input-number>

<i class="cursor ml10 colorblue" @click="savaSort(scope.row)">保存</i>

<i class="cursor ml10 colorblue" @click="NoEdit=''">取消</i>

</span>

</template>

</el-table-column>

以上是 vue+vue-cli3.0+element 记录 的全部内容, 来源链接: utcz.com/z/377837.html

回到顶部