初始进入页面展示所有数据点击tree单选按钮需求：通过点击节点查询当前的子节点和列表内容。调用同一接口，通过传Id展示不同的内容，只展示二级，点击当前的节点，展示当前的列表内容，通过懒加载子节点的方式实现实现思路：tree.vue页面<template><el-tree class="tree_item" :props="person.props" :load="loadNode

以上截图，红色边框部分，表示 “文字、图标或者图片” 是可更改部分一、创建弹窗组件 quitDialog.vue 组件<template><transition-group name='fade'><!-- 退出弹窗 --><div class="quit_dialog"key="1"@click="isQuit = false"v-if="isQuit"

创建组件文件marquee.vue<template><div class="scrollText" ref="outer"><div class="st-inner" :class="{'st-scrolling': needToScroll}"><span class="st-section" ref="inner">{{text}}</s

1、安装vue-awesome-swipernpm install swiper vue-awesome-swiper --save2、引入（1）全局在main.js中引入import VueAwesomeSwiper from 'vue-awesome-swiper'import 'swiper/css/swiper.css'Vue.use(VueAwesomeSwiper)（2）局部引入imp

查具体属性文档： https://help.aliyun.com/document_detail/125572.html?spm=a2c4g.11186623.6.1179.131d10e43Evs78二、创建组件文件 Aliplayer.vue三、页面调用希望我的愚见能够帮助你哦~，若有不足之处，还望指出，你们有更好的解决方法，欢迎大家在评论区下方留言支持，大家一起相互学习参考呀~...

html：js：在watch中加上事件监听：watch:{$route:{handler(val,oldval){this.activeId=val.path.replace('/task','/')//当前活动路由},//深度观察监听deep:true}}希望我的愚见能够帮助你哦~，若有不足之处，还望指出，你们有更好的...

实现思路：一、表单验证1、手机号验证，满足11位，且第3位为 3578 这一个数字// 表单格式验证// 手机号验证const validatePhone = (rule: any, value: any, callback: any) => {let str=new RegExp("^1[3578]\\d{9}$");if(!str.test(value)){callback(new Er

将以上弹窗组件，改成下面自定义样式的效果当加入自定义内容时，发现el-dialog存在背景色以及head部内容和关闭按钮，找到el-dialog的背景元素，并修改如下：​​​​​​​/deep/.el-dialog{ // 取消阴影和背景色background:rgba(0,0,0,0);-webkit-box-shadow:01px3pxrgba(0,0,0,0);box-shadow:01px

其中data为[{}] 形式，用于postparams为对象拼接的形式，用于getimport request from '@/utils/request'export function Getlivepgaelists(data={}) {return request({url: '/api/splives/......',method: 'post',data})}export functio

根据原型体，选一个最接近的UI组件 el-tabshtml：思路：通过el-tabs默认选中页签（v-model的值）与（切换列表循环的下标）进行判断，为true 表示当前选中项，就添加选中的图片，为false 添加默认的图片<template><div><div class="know_content"><el-tabs :tab-position="t