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

1,element表格切入按钮

  关键代码：

     

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>

 

转载于:https://www.cnblogs.com/lgnblog/p/10694074.html