在element-ui组件注册之前,对其进行调整
2023-09-11 14:19:39 时间
拿button组件举例
。
button.vue v-bind="$attrs" 让子组件拥有父组件所有的attr属性 (props除外) v-on="$listeners" 让子组件拥有所有父组件的事件(这个必须有,否则点击父组件不会触发事件)
<template> <Button v-if="pagePermission[$attrs.name] != false" :disabled="disabled" v-bind="$attrs" v-on="$listeners"> <slot></slot> </Button> </template> <script> import {Button} from "element-ui"; import { mapState } from 'vuex'; export default { name:"el-button", components:{ Button }, props:{ disabled:{ // 按钮是否可以点击 type:Boolean, default:false } }, computed:{ ...mapState(['pagePermission']), } } </script>
index.js
import elButton from "./button.vue" elButton.install = function(Vue) { Vue.component(elButton.name, elButton); }; export default elButton;
然后在main.js中引入:
import elButton from "@/ai-comp/el-button/index.js"
注册:
Vue.use(elButton)
这种场景适合在老项目中对项目中已经使用的组件进行二次封装,这种方式不会影响以前的二次封装!!!
。
相关文章
- 5.验证用户名是否已经被注册:AJAXC请求
- SpringCloud-服务的注册与发现(Eureka)
- 51Vue - 组件的使用(局部注册)
- 50Vue - 组件的使用(全局注册)
- Github 注册
- WinRAR软件注册的方法介绍
- Servlet作业1-实现注册登录
- 为啥注册VMware邮编总是错误呢?
- 前端模拟登录注册静态实现示例
- swift语言注册非免费苹果账号iOS游戏框架Sprite Kit基础教程
- Spring Cloud Finchley版中Consul多实例注册的问题处理
- vue组件---组件注册
- Unity2.0容器自动注册机制
- Dubbo_异常_服务注册运行正常但是Dubbo-Admin看不到服务(亲测可用)
- spring注解方式向IOC容器中注册组件
- 【系列课】Springmvc4+Mybatis3+Spring4+Bootstrap3之注册-Array-专题视频课程
- vue实现登录、注册、退出、跳转等功能,简单实用
- 几万字图文详解pptp实战全套解决方案及源码包括详细的安装、配置、使用,涉及服务器、移动Wi-Fi路由器、手机、电脑等设备,以及若干问题如连接成功无法上网、连接数量限制、动态注册用户问题等等