对于产品类别，结构如下：
产品类别（顶级节点：root,类型：product_type）:
|-娱乐（产品大类1:product_type1,类型:product_type）
|-音乐（产品分类11,product_type11）
|-流行音乐（子分类111,product_type111）
|-摇滚音乐（子分类112,product_type112）
下拉列表是网页中一种最节省页面空间的选择方式，我们可以使用下拉列表快速选择选项；如果选项太多时，我们还会用到下拉树，对选项进行分类，例如广东-广州-xxx营业厅，分类后可以让客户更容易找到对应的选项。所以本期教程主要介绍如何在Axure里做一个高保真的下拉树模板。一、制作完成后应具备以下效果弹窗效果：点击下拉框后弹出树弹窗，点击其他内容时自动收起展开收起：点击树节点可以切换展开或者收起对应子节点选
最近在工作之余一直学习Vue3.0相关知识，虽然Vue3.0至今还是rc版，但这并不影响我们去学习。今天这篇文章是我关于Vue3.0的第四篇文章。在前文中我们讲解了如何通过vite和vuecli搭建Vue3.0开发环境，然后介绍了Vue3.0中的setup,reactive,ref等，今天这篇文章主要讲解了以下内容:
Vue3.0中使用watch
Vue3.0中使用计算属性
Vue3.0中使用v
一、效果图二、代码（此代码是基于自己项目更改，根据各自项目进行调整）1、子组件封装注意使用：正常使用// 在el-tree触发@check-change="checkChange" 事件，方法如下：
checkChange() {
// 节点选中状态更改
// 获取选中的node节点
let selectedArray = this.getCheckedNodes();
// 设置sele
转载
2024-03-27 09:40:49
0阅读
element-plus 下拉框实现全选功能前言实习确实能学到不少东西，但是学到的东西果然还是需要沉淀下来，不然后面立马又忘记了。下拉框的简单使用使用方法还是比较简单的<el-select v-model="user.name" placeholder="请选择">
<el-option v-for="item in nameList" :key="item" :labe
转载
2024-04-04 19:26:04
2114阅读
在日常项目开发中，树状下拉框的需求还是比较常见的，但是element并没有这种组件以供使用。在这里，小编就基于element如何封装一个树状下拉框做个详细的介绍。通过这篇文章，你可以了解学习到一个树状下拉框组件是如何一步一步封装成功的。话不多说，先看效果图：封装组件该组件主要基于element的select组件、tree组件及input组件进行二次封装的。组件布局首先我们需要基于这几个组件对我们的
转载
2024-04-09 13:07:28
1225阅读
最近前后端分离大行其道，苦了后端人员，需要学习的东西还不少。于是到网上看了看前端的教程。没想到前端发展到今天变得如此复杂。前端也包括权限和路由的东西。不过整体看上去似曾相识，只是需要熟悉些新的语法。昨天晚上试用了一下element ui。感觉这个框架还是不错的。学了vue，再也不想用jQuery了。不再直接操作dom，而是跟数据打交道。今后打算好好学习下vue，网上做出来的后端框架还是不少的。下面
目录一、Vue+Element ui1、Vue+Element ui1、show-overflow-tooltip属性设置宽度2、this.$refs使用方法3、vue前端debug4、vue前后端环境交互一、Vue+Element ui1、Vue+Element ui1、show-overflow-tooltip属性设置宽度:show-overflow-tooltip="true"，该属性可以让
转载
2024-09-23 20:54:07
86阅读
<template> <div> <el-autocomplete v-model="state" :fetch-suggestions="querySearchAsync" placeholder="请输入内容" @select="handleSelect" ></el-autocomplete> ...
转载
2021-08-25 09:36:00
1894阅读
2评论
使用
vue2封装树形结构的组件,用于
下拉选择,结构如下:父组件---->封装的树形组件----->回显input组件 & tree组件封装的树形结构组件代码如下:<template>
<div>
<div @click="openTree">
<el-input v-model="deptName" placeh
转载
2024-08-15 15:42:17
549阅读
导读：el-select-tree 利用el-select 及el-tree特性重新封装，直接继承el-select 及el-tree的属性，单选多选支持顺畅，满足常规的表单下拉树支持，代码需要优化的地方还有很多，水平有限如有更好的方法请留言告知谢谢，感谢支持感谢开源。近期因为工作需要故而有把此组件重新整理和封装了下，有如下几点调整：
1：使用$attars属性暴露子组件的属性，方法(自己写)和事
转载
2024-04-09 11:11:30
100阅读
后台开发离不开权限，不同的用户登录，根据不同的权限，可以访问不同的管理目录。但在使用 vue-element-template 里内置的权限模块功能后，发现作者提供的权限模块扩展性不是很好，所以这篇文章就是记录我是如何基于作者原有的权限模块进行的一次重构。为什么要重构开篇的时候说了，因为扩展性不是很好，那具体是什么扩展性不好呢？我们先来看下作者原有的权限模块实现思路是怎么样的。
转载
2024-07-02 07:15:25
214阅读
<el-select
@visible-change="selectClose"
v-model="modelValueLabel"
:filter-method="selectFilterMethod"
style="min-width: 180px;"
:size="size"
:placeholder="place
转载
2021-05-17 09:14:00
2007阅读
2评论
需求表单的内容为巡检计划，巡检计划可以选择多个巡检点位，每个巡检点位可以选择多个设备和对应操作。最终效果图点击加号图标增加一个下拉框减号图标删除对应下拉框下拉框备选项目相同点击设置动作按钮，弹出可编辑表格，可以为该巡检点位设置多个动作表格每行内容可编设别名称下拉框和设备动作下拉框联动操作按钮可对选项进行上下排序代码实现定义表单结构<el-dialog :title="dialogTitle"
转载
2024-04-23 07:41:45
500阅读
使用vue实现简单的select下拉选择看看效果下面看看代码如何实现：1.代码结构：index.js文件 注册全局组件TySel
原创
精选
2023-12-26 10:12:35
370阅读
vue项目中自己实现下拉刷新和上拉加载
vue项目中自己实现下拉刷新和上拉加载1、页面监听版（简单）在mounted里监听页面滚动其实是只要监听滚动盒子的scroll事件即可，但有的时候滚动的是整个页面，那我们就直接监听window的滚动就可以：window.addEventListener('scroll', this.onContentScroll)
首先你要有两个路由表 一个是不管什么角色都能访问的路由表，还有一个是需要控制判断权限才能访问的路由表公共路由表：export const routes = [{
path: '/',
name: '',
redirect: '/login',
component: Login
},
{
path: '/login',
name:
转载
2024-06-05 05:27:57
54阅读
父组件 <template> <div> <apiSelect @item="apiSelectM" /> </div> </template> <script> import apiSelect from "@/components/apiSelect"; export default { dat ...
转载
2021-09-24 16:01:00
574阅读
2评论
前提： 当然需要一些基础的技术支持 1.git:用来在版本库里拉取项目，通俗的讲就是在GitHub，GitEE等库里下载项目，其中关于git的一些重要命令，git clone +URL（项目地址：可以在版本库里复制）用来在版本库里拉取项目。提交项目就有一些麻烦。主要用到三个命令吧
前几天修改了系统的一个功能——实现树形列列表的行拖拽，以达到排序的目的。现在基本上功能实现，现做一个简单的总结。1.拿到这个直接网上搜，有好多，但是看了后都觉得不是太复杂就是些不是特别想看的例子，自己太懒（对自己不是很熟悉的东西是不愿意第一去看的）。结果选择良久，还是jquery easyui treegrid这个例子自己看起来比较熟悉。于是就专心研究了，从官方网站http://www.jeasy
