el-tree 选中与绑定
</el-table-column>
</el-table>
<div style="margin-top: 30px; float: right">
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page="pageNum"
:page-sizes="\[10, 20, 30, 40\]"
:page-size="pageSize"
layout="total, sizes, prev, pager, next, jumper"
:total="total"
>
</el-pagination>
</div>
</div>
<el-dialog :title="flagName ? '添加' : '编辑'" :visible.sync="centerDialogVisible" width="50%" center>
<el-form label-position="top" label-width="80px" :model="formLabelAlign">
<el-form-item label="code(不能修改)" v-if="flagName">
<el-input v-model="formLabelAlign.code"></el-input>
</el-form-item>
<el-form-item label="code" v-else>
<el-input v-model="formLabelAlign.code" disabled></el-input>
</el-form-item>
<el-form-item label="角色">
<el-input v-model="formLabelAlign.name"></el-input>
</el-form-item>
</el-form>
<span slot="footer" class="dialog-footer">
<el-button @click="centerDialogVisible = false">返回</el-button>
<el-button type="primary" @click="handerAddSave" v-if="flagName">保存</el-button>
<el-button type="primary" @click="handerEditSave" v-else>保存</el-button>
</span>
</el-dialog>
<el-dialog title="分配菜单" :visible.sync="centerDialogVisibleRole" width="60%">
<div style="margin: 15px 0"></div>
<el-tree
:data="data"
show-checkbox
:expand-on-click-node="false"
node-key="routerId"
ref="tree"
:check-strictly="checkStrictly"
highlight-current
:props="defaultProps"
:default-checked-keys="checkedList"
@check="clickDeal"
>
<span class="custom-tree-node" slot-scope="\{ data \}">
<span>\{ \{ data.name \}\}</span>
</span>
</el-tree>
<span slot="footer" class="dialog-footer">
<el-button @click="centerDialogVisibleRole = false">取 消</el-button>
<el-button type="primary" @click="handerConfirm">立即提交</el-button>
</span>
</el-dialog>
</div>
还没有评论,来说两句吧...