51CTO首页
AI.x社区
博客
学堂
精品班
软考社区
免费课
企业培训
鸿蒙开发者社区
信创认证
公众号矩阵
移动端
视频课 免费课 排行榜 短视频 直播课 软考学堂
全部课程 软考 信创认证 华为认证 厂商认证 IT技术 PMP项目管理 免费题库
在线学习
文章 资源 问答 课堂 专栏 直播
51CTO
鸿蒙开发者社区
51CTO技术栈
51CTO官微
51CTO学堂
51CTO博客
CTO训练营
鸿蒙开发者社区订阅号
51CTO软考
51CTO学堂APP
51CTO学堂企业版APP
鸿蒙开发者社区视频号
51CTO软考题库
CKA（Kubernetes 管理员认证）精品班
按照企业k8s需求进行技能培训，帮助用户快速拿下CKA认证，K8S采用新版本进行授课，课程内容全、讲解详细 。 免费试学
软考高级：系统架构设计师精品班
根据考试大纲对知识点、高频考点进行深入讲解，传授答题技巧及判断标准，助力高效备考。 免费试学
信创认证：系统架构师精品班（高级）
信息技术应用创新人才考试评价 免费试学

Vue：使用ElementUI, Cascader 级联选择器
需求：多级分类支持多选选择子节点需要把父节点的值也选中，用于筛选时选中父节点也能筛出子节点分类可以无限级添加子节点开发这个需求使用ElementUI, Cascader 级联选择器文档： https://element.eleme.cn/#/zh-CN/component/cascader参数设置// 筛选项options:[ { value: "1", label: "one", children: [ { value: "1-
子节点
父节点
补全
其他
原创
彭世瑜
2022-02-28 16:24:03
2076阅读

Vue：使用ElementUI, Cascader 级联选择器
需求：多级分类支持多选选择子节点需要把父节点的值也选中，用于筛选时选中父节点也能筛出子节点分类可以无限级添加子节点开发这个需求使用ElementUI, Cascader 级联选择器文档： https://element.eleme.cn/#/zh-CN/component/cascader参数设置// 筛选项options:[ { value: "1", label: "one", children: [ { value: "1-
Vue
原创
彭世瑜
2021-07-12 10:19:15
2509阅读

Cascader禁用选项
<el-cascader :options="options"></el-cascader> <script> export default { data() { return { options: [{ value: 'zhinan', label: '指南',
选择器
ide
单选框
原创
178lvBigGrandPa
2023-09-08 09:01:00
971阅读

vue element ui cascader 显示超出屏幕，占满屏幕
解决办法：全局样式表中加入.el-cascader-panel { height: 200px; }限制一下高度。 ...
样式表
Docker
转载
mob604756f7c87d
2021-08-12 15:28:00
1273阅读
2评论

vue.js案例 vue实战案例
Vue基础5个实用案例前言本章节怼几个案例供读者小伙伴们练习，写不出东西就是写的少，多写就有思路，案例也懒得去搞CSS了，大家主要锤Vue就可以了。不废话直接上货！案例1：选择登陆方式需求点击页面按钮可以选择使用邮箱登录或用户账号登录代码<!DOCTYPE html> <html> <head> <meta charset="utf-8"&gt
vue.js案例
前端Vue
html
Vue
css
转载
mob64ca1402d47a
2023-08-13 13:30:08
93阅读

vue element ui cascader 去掉 下方 横向滚动条 (scrollbar)
解决办法：在全局样式表中加入.el-scrollbar__wrap { overflow-x: hidden; } ...
样式表
Docker
转载
mob604756f7c87d
2021-08-12 15:28:00
2889阅读
2评论

Cascader可清空选项
<el-cascader :options="options" clearable></el-cascader> <script> export default { data() { return { options: [{ value: 'zhinan', label: '指南'
选择器
ide
单选框
原创
152LvBigGrandPa
2023-09-08 09:02:33
377阅读

vue.js使用element-ui 和 el-cascader
安装：npm i element-ui -S回显：https://blog.csdn.net/weixin_42125732/article/details/118103756import { regionData,CodeToText,TextToCode } from 'element-chin ...
.net
转载
mob604757037cf3
2021-09-10 13:26:00
305阅读
2评论

Vue3学习（十五）之 级联选择组件Cascader的使用
写在前面 好像又过去了一周，依旧是什么也没产出，不是懒，而是心情不好，什么也不想干，失眠是常事。 应该是从今年开始，突然感觉博客园就像是我自己的日记一样，承载着自己的喜怒哀乐和酸甜苦辣咸，当然，尴尬的就是没有秘密了，肯定会被熟人看到，看到也无妨，如果觉得我靠谱，请帮帮我，谢谢！ 为什么心情坏到了极点
加载
ios
软件测试
原创
久曲健
2022-05-02 12:27:47
1497阅读

Vue TodoList案例
Vue TodoList案例
vue
数据
功能实现
数组
原创
qq5d510d208e604
2022-06-06 14:19:11
174阅读

vue TabControl案例
<template> <div id="Furong"> <div class="tab-control"> <div v-for="(item, index) in titles" class="tab-control-item" :class="{active: isActive == inde ...
TabControl
vue
编程
转载
mb5ff40abe496e6
2021-07-19 11:21:00
207阅读
2评论

案例改写vue
案例一：todolist 、案例二：聊天对话框
javascript
html
数据
原创
小闫同学啊
2022-03-14 10:48:09
233阅读

vue入门案例
1、技术在迭代，有时候你为了生活没有办法，必须掌握一些新的技术，可能你不会或者没有时间造轮子，那么就先把利用轮子吧。 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>vue入门</title> 6 <!-- 引入vu
html
javascript
数据
jquery
数据绑定
转载
mb5fdb0f269f12c
2019-06-23 10:10:00
104阅读

Cascader 级联选择器
<el-cascader :options="treeChildren" v-model="classiId" :props="setKesLabel" :show-all-levels="false" clearable ></el-cascader> 其中options为请求后台返回的树结构，p ...
数据
官网
树结构
输入框
数据格式
转载
mob604756f8c81a
2021-09-03 10:58:00
721阅读
2评论

Cascader级联选择器
<div class="block"> <span class="demonstration">默认 click 触发子菜单</span> <el-cascader v-model="value" :options="options" @change="handleChange"></el-cascader&gt
选择器
ide
子菜单
原创
mb646b28e9d94e4
2023-09-08 08:57:46
168阅读

el-cascader级联选择
vue3级联选择器
级联
选择器
cascader
原创
疯狂迪霸戈
2024-08-30 11:04:52
569阅读

vue.js案例视频教程 vue简单案例
下载vue.js插件，插件下载Dom文档对象模型，对应HTML每个Vue应用程序都是通过Vue函数创建出一个新的Vue实例开始的el类型：String | HTMLElement | Function详解：为实例提供挂载元素，值可以是CSS选择符、或HTML元素、或返回HTML元素的函数。data详解：data是Vue实例的数据对象，Vue会将data的属性转化为getter/setter&nbs
Vue
HTML
数据
转载
互联网小思悟
2023-05-23 11:49:35
95阅读

axios案例 vue vue axios原理
axios是Vue用来实现异步通信的，从Vue.js 2.0 版本开始推荐使用 axios 来完成 ajax 请求。 axios 其实是一个网络请求库（内部封装ajax） Github开源地址： https://github.com/axios/axios 常用于结合网络数据开发应用，如接受外部api开发应用等。 先看一下格式： 学过jquery的话会发现axios的实现和jqurey的ajax很
axios案例 vue
vue
ajax
ios
fish
转载
detailtoo
2023-07-04 12:58:31
95阅读

vue Toast设计 案例
<template> <div id="Toast"> <p class="msg">{{msg}}</p> </div> </template> <script> export default { name: 'Toast', data() { return { msg: 'hello Toast ...
Toast
vue
2d
绝对定位
顺时针
转载
mb5fe947dd062d3
2021-07-22 18:48:00
138阅读
2评论

vue的todoList案例
myHeader.vue <template> <div class="todo-header"> <input type="text" placeholder="请输入你的任务名称，按回车键确认" @keydown.enter="addHoby"/> </div> </template> <scr ...
todoList
vue
d3
删除数据
回车键
转载
mb5fdb133c76a49
2021-09-02 21:53:00
172阅读
2评论
  • 1
  • 2
  • 3
  • 4
  • 5
精品课程领资料
免费资料>
2025软考
系统架构设计师 系统规划与管理师 软件设计师 系统集成项目管理工程师
信创认证
系统架构师 信创集成项目管理师 信创规划管理师 系统开发工程师
厂商认证
CKA/CKS架构师 红帽认证工程师 Oracle-OCP认证 Oracle-OCM认证
IT技术
数据库高级工程师 AIGC大模型实战 Linux云计算架构师 Python全栈开发
华为认证
数通HCIP认证 云计算HCIE认证 华为存储HCIE认证 HCIP安全认证
相关文章

vue 小游戏 案例

Vue 入门案例剖析

vue table综合案例

Vue完成TodoList案例

Vue---Todolist案例

vue简单案例todolist

antd cascader defaultValue设置无效问题

Vue 搜索案例：gitHub 用户搜索案例

vue table 小案例

Copyright © 2005-2025 51CTO.COM 版权所有 京ICP证060544号

关于我们
官方博客 全部文章 热门标签 班级博客
了解我们 网站地图 意见反馈
友情链接
鸿蒙开发者社区 51CTO学堂
51CTO 软考资讯