element表格切入按钮以及复选框

佚名 6年前 (2019-04-12) 随笔 254人围观抢沙发百度已收录

1,element表格切入按钮

关键代码：

SRE实战互联网时代守护先锋，助力企业售后服务体系运筹帷幄！一键直达领取阿里云限量特价优惠。

html:
<el-table
        :data="tableList"
        border
        style="width: 100%"
        height="600">
    <el-table-column
            prop="name"
            width="200px"
            label="资料名称">
    </el-table-column>
    <el-table-column label="操作">
        <template slot-scope="scope">
            <el-button
                    size="mini"
                    type="info"
                    @click="handleEdit(scope.$index, scope.row)">查看
            </el-button>
        </template>
    </el-table-column>
</el-table>
vue:
var vm = new vue({
   //省略。。
  data:{

       tableList:[{name:'小路'},{name:'小婷子'}]

   }

})
如图：

2,element表格切入复选框

关键代码：

<el-table-column
        label="是否移交">
    <template slot-scope="scope">
        <el-checkbox disabled v-model="scope.row.needReturn==1?true:false"></el-checkbox><%--v-model="scope.row.checked"--%>
    </template>
</el-table-column>