树形控件实现定位+平滑滚动(左树形右内容)
vue+element 实现点击左侧树形控件实现右侧滚动定位
具体实现代码如下:
<template>
<div class="detail">
<div class="detail-content">
<div class="detail-content-left">
<div>
<el-tree
:data="data"
:props="defaultProps"
@node-click="handleNodeClick"
/>
</div>
</div>
<div class="detail-content-right">
<div
v-for="(item, index) in list"
:key="index"
class="scroll-item"
>
<div>{
{
item.title }}</div>
<div>{
{
item.content }}</div>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
data() {
return {
clickdata:"",
data: [
{
label: "一级 1"
},
{
label: "一级 2"
},
{
label: "一级 3",
children: [
{
label: "二级 3-1",
children: [
{