el-tree右键节点动态位置展示菜单;el-tree的节点图片动态根据节点属性color改变背景色;加遮罩层(opacity)
一、el-tree右键节点动态位置展示菜单
关键:@node-contextmenu="handleRightClick"与@node-click=“handleNodeClick”
<div class="content">
<el-tabs class="tabs" @tab-click="handleClick" v-model="Modal">
<el-tab-pane label="外地" name="on">
<el-input
v-model="onFilterText"
placeholder="搜索"
clearable
/>
<el-scrollbar>
<el-tree
ref="onRef"
:data="onData"
node-key="id"
:filter-node-method="filterOnNode"
@node-contextmenu="handleRightClick"
@node-click="handleNodeClick"
default-expand-all
>
<template #default="{ node, data }">
<slot :node="node" :data="data">
<img :src="data.icon" style="height: 25px;width: 25px">
<span style="margin: 0 10px;">{
{ data.name }}</span>
</slot>
</template>
</el-tree>
</el-scrollbar>
</el-tab-pane>
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.dtcms.com/a/52692.html
如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!