当前位置: 首页 > wzjs >正文

网站开发属于固定资产吗深圳正规seo

网站开发属于固定资产吗,深圳正规seo,学网页设计学徒培训,软文广告推广根节点是level:1, level3及其子节点有关联&#xff0c;但是和level2和他下面的子节点没有关联 思路&#xff1a;采用守护风琴效果&#xff0c;遍历出level1和level2级节点&#xff0c;后面level3的节点&#xff0c;采用树形结构进行关联 <template><div :class"…

根节点是level:1, level3及其子节点有关联,但是和level2和他下面的子节点没有关联

思路:采用守护风琴效果,遍历出level1和level2级节点,后面level3的节点,采用树形结构进行关联

<template><div :class="$style.root"><el-collapse v-model="activeName"><el-collapse-item v-for="item in treeData" :key="item.id" :name="item.id"><template slot="title"><el-checkbox v-model="item.checked" @change="changeData(item.id, item.children)"></el-checkbox>{{ item.label }}</template><el-collapse-item v-for="it in item.children" :key="it.id" :name="it.id"><template slot="title"><el-checkbox v-model="it.checked" @change="changeData(it.id, it.children)"></el-checkbox>{{ it.label }}</template><el-tree :ref="`tree-${it.id}`" :data="it.children" show-checkbox node-key="id" :props="defaultProps" /></el-collapse-item></el-collapse-item></el-collapse></div>
</template><script>
export default {data() {return {activeName: '1',checkedParentIds: [],treeData: [{id: 1,label: '根节点',level: 1,children: [{id: 11,label: '一级 1',level: 2,children: [{id: 4,label: '二级 1-1',level: 3,children: [{ id: 9, label: '三级 1-1-1', level: 4 },{ id: 10, label: '三级 1-1-2', level: 4 }]}]},{id: 2,label: '一级 2',level: 2,children: [{id: 5,label: '二级 2-1',level: 3,children: [{ id: 11, label: '三级 2-1-1', level: 4 }]},{id: 6,label: '二级 2-2',level: 3}]}]}],defaultProps: {children: 'children',label: 'label'}};},methods: {changeData(id, children) {if (this.checkedParentIds.includes(id)) {console.log('取消选中', id);this.checkedParentIds = this.checkedParentIds.filter(item => item !== id);this.setDisabled(children, false);} else {this.checkedParentIds = [...this.checkedParentIds, id];this.$refs[`tree-${id}`][0].setCheckedKeys([]); //取消勾选this.setDisabled(children, true);console.log('选中', id);}},//设置节点状态,true禁用false启用setDisabled(list, status) {list.forEach(item => {this.$set(item, 'disabled', status);if (item.children) {this.setDisabled(item.children, status);}});}}
};
</script>
<style lang="scss" module>
.root {padding: 20px;
}
:global {.el-collapse-item__content {padding: 0;padding-left:8px;}.el-collapse-item__header {padding-left: 20px;position: relative;height: 26px;line-height: 26px;.el-checkbox {position: absolute;right: 0;}.el-collapse-item__arrow {position: absolute;left: 0;}.el-icon-arrow-right:before {content: '\e791';color: #c0c4cc;}}.el-tree-node__content {position: relative;.el-checkbox {position: absolute;right: 0;margin-right: 0 !important;}}
}
</style>

http://www.dtcms.com/wzjs/840432.html

相关文章:

  • 营销的网站外贸跨境电商平台
  • 服务器上建设网站互联网营销推广方案
  • 广州金融网站设计百度验证网站的好处
  • 惠州企业网站建设长沙网站推广平台
  • 网站开发实训基本要求怎样让百度搜索到自己的网站
  • 网站建设基础功能友山建站优化
  • 爱网站免费一站二站Iis 建网站为什么说没有该用户
  • 公司网站在百度搜不到wordpress 翻页功能
  • 搭建dede网站服务器手机站模板
  • 传媒大学附近网站建设公司欧米茄官方手表
  • 佛山企业网站自助建站娄底企业网站建设制作
  • 网站页面自动还原代码南海网站建设哪家好
  • 怎样建设的网站好优化好排名建设内网网站流程
  • 大庆网站建设大庆海南百度推广公司电话
  • 企业公司网站模板下载seo外包服务费用
  • 物流网站建设方案范文域名被锁定网站打不开怎么办
  • 师大暨大网站建设图书网站建设的规模策划书
  • 企业名录网站 优帮云万网注册的网站长时间不能访问是不是被封了
  • 中国十大网站建设公司排名网络营销公司架构
  • 开店装修话做那个网站找工人全媒体门户网站建设方案
  • 群辉nas怎么做网站网站主机 流量
  • 广告联盟做网站淮南做网站推广
  • 夜间正能量网站网站开发定制宣传图片
  • 珠海网站外包济南又出现5例
  • 怎么搭建属于自己的网站主页网址
  • 网站建设中常见问题分析seo网站做推广的公司
  • 成都市网站建设服务商用wordpress还是自己写
  • 如何做一个主题网站普洱网站搭建
  • 怎么免费自己做网站视频网站建设审批
  • 南宁电商网站建设wordpress 合法评论