vue
TWenYuan
这个作者很懒,什么都没留下…
展开
-
【解决子组件页面变动时不影响父组件的页面大小的边框】
父组件使用自定义事件;@resize-border=“resizeBorder”解决子组件页面变动时不影响父组件的页面大小的边框。父组件采用dataV做边框。原创 2023-02-06 15:49:58 · 287 阅读 · 0 评论 -
【同级组件间传数据】
1、在src/下创建一个文件夹用来存放xxx.js文件,和main.js同级,在其中只需创建一个新的Vue实例,以后它就承担起了组件之间通信的桥梁了,也就是中央事件总线。3、再创建一个B组件,引入eventBus事件总线,在mounted钩子,监听了自定义事件,并把传递过来的字符串参数传递给了on监听器的回调函数;2、现在创建一个A组件,引入事件总线的js文件,接着添加一个按钮并绑定一个点击事件,进行自定义事件抛出;eventBridge.$emit(“自定义事件名称”,传递的数据):自定义事件并发布。原创 2022-09-21 17:05:36 · 502 阅读 · 0 评论 -
【注册、登录页】
login():register()”------------使用Element-ui,因为Element-ui是封装组件,这个时候使用按键修饰符需要加上.native覆盖原有封装的keyup事件即可,可以理解为该修饰符的作用就是把一个vue组件转化为一个普通的HTML标签。rules:registerRules”---------登录、注册的校验。hide-required-asterisk-----------是否隐藏必填字段的标签旁边的红色星号。引入的:utils/validator。原创 2022-09-08 09:44:08 · 152 阅读 · 0 评论 -
【vue 引入并使用cookie】
1、使用命令安装 npm install vue-cookies --save。2、main.js里面引用。原创 2022-08-18 19:42:15 · 806 阅读 · 0 评论 -
【for循环,实现多个不同的背景图】
1、绑定内联样式2、确定背景图片3、原创 2022-07-25 09:34:20 · 1417 阅读 · 0 评论 -
【用户管理的角色的新增、删除、授权(权限管理)】
用户管理的角色的新增、删除、授权(权限管理)原创 2022-07-11 17:57:37 · 550 阅读 · 0 评论 -
【 登录页】
1、login.vue2、router/index.js原创 2022-07-11 16:06:07 · 111 阅读 · 0 评论 -
【动态调整首栏行高以实现上下居中】
动态调整首栏行高以实现上下居中原创 2022-07-07 15:46:41 · 137 阅读 · 0 评论 -
【导航菜单切换,避免切换不过来路由地址】
导航菜单切换原创 2022-07-04 16:45:21 · 209 阅读 · 0 评论 -
el-date-picker 最多只能选中一个月 选中第一个日期后 第二个日期给出可选范围限制
效果: 选中2020年5月13日之后 前面4月13日到5月13日可选 后面5月13日到6月13日可选当前日期不可选,最少选择一个月 最多3个月原创 2022-06-14 09:33:52 · 1511 阅读 · 0 评论 -
处理后端发送的页码分页
处理后端发送过来的带有总数的分页处理显示,页码跳转,排序的问题。@size-change:pageSize 改变时会触发(每页条数)@current-change=“search” currentPage 改变时会触发(当前页):page-size=“size” 每页显示条目个数:current-page=“page” 当前页数:total=“total” 总条目数......原创 2022-06-10 16:11:35 · 169 阅读 · 0 评论 -
vue router动态路由点击跳转路径地址重复追加
vue router动态路由点击跳转路径地址重复追加查看代码发现是页面中相对路径最前面少了 ‘ / ’;添加上就能正常显示了。如下: <!-- 导航选项卡--> <el-col :span="16" style="height: 100%;display: flex;"> <div class="title-bar nav-button" v-for="nav in navs" @click="to(nav.url)">{{ nav.t原创 2022-05-20 14:48:05 · 768 阅读 · 0 评论 -
【实现选定单选框出现对应的选择框或输入框】
一、<el-row> <el-col :span="8"> <el-form-item label="路径工作方式"> <el-radio-group v-model="form.mode"> <el-radio label="single">单候选最优路径</el-radio>原创 2022-05-17 20:29:38 · 1539 阅读 · 0 评论 -
实现整个from表单的整体加减()
实现from表单的整体加减()1、结构简单(一层)//遍历循环的是form里面的整个列表(数组)<template v-for="(list, index) in form.acllist"> <el-row> <el-col :span="16" :offset="4" style="padding-top:20px"> <i class="el-icon-remov原创 2022-05-06 15:22:28 · 394 阅读 · 0 评论 -
2022/5/5 实现同一父组件的子组件的页面转换(步骤实现)
一、在父组件实现:步骤条、子组件、按钮1、通过switch case实现在每个特定面板调用子组件2、v-show和v-if都能控制元素在页面是否显示,在用法上也相同;3、步骤条:设置active属性,接受一个Number,表明步骤的 index,从 0 开始。4、ref 绑定子组件,调用子组件的方法5、实现同一个按钮的不同显示及操作时用v-if和下标控制 <el-button class="" type="primary"原创 2022-05-05 20:07:53 · 416 阅读 · 0 评论 -
实现选择器多选依次下发
实现选择器多选下发css为el-select设置multiple属性即可启用多选,此时v-model的值为当前选中值所组成的数组,若要实现多个下发,在js要进行数据处理:遍历循环此数组。<el-form-item label="节点选择"> <el-select v-model="sourceNode" multiple col原创 2022-03-01 11:21:51 · 217 阅读 · 0 评论 -
2021-09-07 树形控件设置
树形控件设置 <el-form-item label="角色权限" :label-width="formLabelWidth"> <el-tree :data="data" show-checkbox node-key="id" :default-checked-keys="dafaultKey" :props="defaultProps" re原创 2021-09-07 14:59:16 · 106 阅读 · 0 评论 -
2021-09-06 登录页面 (vue+canvas)动态粒子图
登录页面话不多说 直接代码<template> <div id="main"> <canvas id="myCanvas" style="background: linear-gradient(#573944, #0D285D)" ></canvas> <div class="container"> <div class="con"> <h3&原创 2021-09-06 17:28:12 · 824 阅读 · 0 评论 -
2021-09-03 子组件调用父组件数据并渲染表格
子组件调用父组件数据并渲染表格1、父组件的子组件 <!-- 折叠面板:表格--> <div class="collapse"> <app-policy-tabs ref="appPolicyTabs" @msg="handleEvent"></app-policy-tabs> </div>2、在父组件引入子组件import AppPolicyTabs from '../c原创 2021-09-06 17:14:34 · 340 阅读 · 0 评论