封装组件

vue 监听键盘回车事件

官网点这里传送门vue运行为v-on在监听键盘事件：添加了特殊的键盘修饰符：如果用了封装组件的话，比如element，这个时候使用按键修饰符需要加上.native
imdongliang·2023-03-09 13:52

[React] [Vue] 从vue切换到react 组件的封装和使用

在Vue中封装组件，用插槽的方式子组件中写好具名插槽的位置和样式，在父组件中通过插槽名传入html和js逻辑部分。
·2023-02-24 15:47

vue3使用vis绘制甘特图制作timeline可拖动时间轴及时间轴中文化(推荐)

目录前言：参考文档文章一、实现效果：二、安装插件及依赖：三、封装组件：1.html部分：2.引入依赖：3.父组件传入数据：4.js部分全部配置四、父组件调用1.引入子组件2.初始数据3.父组件按钮及事件前言
·2023-02-18 16:44

vue项目第六天

高亮之后路由不跳点击最后一个tab删除，修改了menuid，同步路由跳转点击删除将tab删空，让导航跳转到系统首页分析项目路由界面的结构三部分组成1.form表单2.table表格数据3.数据分页分装form表单组件封装组件使用无名和具名插槽可以
不想写，还得写，写就写，慢慢写·2023-02-17 02:52

封装组件并发布npm流程（vue3+ts+webpack）

1、新建一个空项目并运行vuecreatetest(项目名)2、封装组件---在src目录下新建文件夹package----用来存放要上传的组件待封装的组件放到package目录下，可多个image.png
月下小酌_dbd5·2023-02-17 00:00

封装组件

不多说，上干货：(function($){//1.得到$.ajax的对象var_ajax=$.ajax;$.ajax=function(options){//2.每次调用发送ajax请求的时候定义默认的error处理方法varfn={error:function(XMLHttpRequest,textStatus,errorThrown){toastr.error(XMLHttpRequest.r
YC木木_39a8·2023-02-06 13:34

vue封装组件打包发布到npm

一、自定义组件例子：当前时间组件{{date}}{{time}}{{weekday}}slot保留后期可能使用验证能否正常使用：二、创建install函数新建cc-current-time文件夹，文件夹下新建index.js文件importcurrentTimefrom'../components/currentTime.vue'//vue插件模式需要暴露install方法//vue.userco
1CC4·2023-02-05 23:25

Jeecgboot-Vue3 v1.2.0 版本正式发布，企业级低代码平台

项目介绍Jeecgboot-Vue3采用Vue3.0、Vite、Ant-Design-Vue、TypeScript等新技术方案，包括二次封装组件、utils、hooks、动态菜单、权限校验、按钮级别权限控制等功能
jeecg博客·2023-02-02 12:17

Vue企业级优雅实战-00-开篇

我前后端架构及开发我几乎各占一半的精力，在企业级前端开发中有一些心得体会：从使用组件库，到二次封装组件库、命令行加速器，再到业务开发。
程序员搞艺术·2023-01-30 20:26

微信小程序组件封装传值以及问题点规避

封装组件1、在components文件加下新建组件文件夹，在该文件夹下新建组件2、在app.json中注册该组件"usingComponents":{"page":"components/auth/index
·2023-01-30 19:39

微信小程序组件封装传值以及问题点规避

封装组件1、在components文件加下新建组件文件夹，在该文件夹下新建组件2、在app.json中注册该组件"usingComponents":{"page":"components/auth/index
·2023-01-30 19:06

vue 实现v-model封装组件，并挂载全局

实现v-model封装组件，并挂载全局核心：监听value的变化，利用input事件传递给父组件，实现传值用v-model组件：{{v}}exportdefault{name:'HeadRadio',props
dalalalaa·2023-01-26 19:48

vue3与ts组件封装提高代码复用性

目录引言轮播图组件的封装在pinia中发请求拿到数据父组件中在子组件中引言对于一名前端程序员来说封装组件是一个必备技能。
·2023-01-23 00:03

Vue3 函数式组件的开发方式

声明式组件和服务式组件无论是使用第三方组件库，还是自己封装组件，有一类组件有些与众不同，那就是函数式/服务式组件，比如Message消息组件、Notification通知组件、Loading加载组件等等
东方睡衣·2023-01-18 07:13

vue3 element-plus二次封装组件系列之伸缩菜单制作

目录1、效果2、主要逻辑代码1、效果折叠效果--只剩图标展开效果--有图标有文字2、主要逻辑代码home.vue--主页代码Mainimport{ref,reactive}from'vue'importNavMenufrom'@/components/navMenu/index.vue'importNavHeaderfrom'@/components/navHeader/index.vue'con
·2023-01-17 08:11

【 Vue3 + Vite + setup语法糖 + Pinia + VueRouter + Element Plus 第二篇】(持续更新中)

在第一篇中我们讲述了Vue3框架的搭建以及Vue3的常用语法，这篇文章将使用Axios和ElementPlus并使用封装组件的方式完成表格搭建。
一年二班新生·2023-01-08 08:28

vue3+tsx封装组件

vue3+tsx封装组件子组件（selectTab.tsx）import{defineComponent}from'vue'import{tabsProps,Tab}from'.
weixin_44440116·2023-01-07 20:49

@keyup.enter.native和@click.native.prevent是什么意思

@keyup.enter.native和@click.native.prevent是什么意思一、@keyup.enter.native一般vue的监听组件，是这样写但是，如果用了封装组件的话，比如element
༺鲸落༻·2022-12-26 09:53

uni-app 自定义导航栏

效果图隐藏小程序底部导航栏封装组件在components文件夹中新建一个tabbar.vue文件{{list.text}}exportdefault{data(){return{tabBar:{color
m0_51262126·2022-12-26 09:20

vue3+ts项目中封装3d单柱柱状图

vue3+ts项目中封装单柱的柱状图成品图下载echartsnpmiecharts封装组件为Barchart.vue文件import{nextTick,watch}from'vue'importechartsfrom
学习吖·2022-12-22 20:08

Vue组件

Vue组件一、学习目标能够理解vue组件概念和作用能够掌握封装组件能力能够使用组件之间通信能够完成todo案例二、组件的概念，创建和使用1.为什么用组件以前做过一个折叠面板需求：现在想要多个收起展开的部分方案
henrenzhengdere·2022-12-12 14:02

vue组件插槽怎么用？vue组件插槽是什么？怎么使用？vue组件插槽最详细讲解

VUE组件插槽目标:用于实现组件的内容分发,通过slot标签,可以接收到写在组件标签内的内容vue提供组件插槽能力,允许开发者在封装组件时，把不确定的部分定义为插槽插槽例子:需求:以前折叠面板案例,想要实现不同内容显示
BiuBiu__A·2022-12-07 07:53

前端面试111

怎么去设计一个组件封装组件封装的目的是为了重用，提高开发效率和代码质量低耦合，单一职责，可复用性，可维护性前端组件化设计思路js异步加载的方式渲染引擎遇到script标签会停下来，等到执行完脚本，继续向下渲染
哎呦喂1111·2022-12-02 21:37

Vue3插槽(slot)使用方法详解

目录前言-认识slot一、简单插槽二、具名插槽具名插槽扩展-动态插槽名三、作用域插槽作用域插槽实例总结前言-认识slot我们经常会有封装组件的需求,组件需要的往往不只有数据,有时候我们要给一个模块做内容方面的可自定义
·2022-11-30 16:19

Vue图表(v-charts, e-charts)入门安装使用

自定义封装简易版本的v-charts可以去封装组件复制使用。
秋色暮光·2022-11-24 09:04

js封装组件

1、方式一创建App.jsvarApp=App||{};varglobal=window;App.ns=function(nsStr){varparts=nsStr.split("."),root=global,max,i;for(i=0,max=parts.length;i')}$('#j_input_count').html(num+'个字');}}在html中使用$(function(){T
j_qin·2022-11-20 19:44

uniapp的组件封装与组件间的参数传递

目录前言开发环境封装组件组件注册定义子组件中的属性父组件要调用子组件里的方法子组件要向父组件传递参数注意的点前言uniapp是一款一端开发多端打包的便捷应用开发框架，他不仅提供了类似于小程序的开发组件，
朝花不迟暮·2022-11-15 18:27

使用uniapp开发微信小程序获取当前位置

mainfest.json文件配置permission块2、进入微信公众平台添加合法域名3、[高德SDK文件下载](https://lbs.amap.com/api/wx/download)二、使用步骤（==直接封装组件
xiao'xiao·2022-11-15 09:44

Vue业务组件封装（二）Form表单

封装组件的基本方法就是通过props和emit进行父子组件的传值和通信。利用插槽、组件等增加组件的可扩展性和复用性。Form组件介绍Form表单包含输入框,单选框,下拉选择,多选框等用户输入的组件。
东方睡衣·2022-11-15 08:34

Vue----自定义事件

文章目录1自定义事件2自定义事件的3个使用步骤2.1声明自定义事件2.2触发自定义事件2.3监听自定义事件3自定义事件传参1自定义事件在封装组件时，为了让组件的使用者可以监听到组件内状态的变化，此时需要用到组件的自定义事件
萤火虫的小尾巴·2022-11-14 15:28

vue2---插槽

允许开发者在封装组件时，把不确定的、希望由用户指定的部分定义为插槽。举个栗子：eg组件好比小霸王游戏机，插槽就是游戏机的插口，看用户插什么卡，就在屏幕（预留的位置）上显示出对应的游戏（内容）。
星月前端·2022-11-09 09:05

Vue--插槽

1.组件-插槽1.1目标用于实现组件的内容分发,通过slot标签,可以接收到写在组件标签内的内容1.2讲解vue提供组件插槽能力,允许开发者在封装组件时，把不确定的部分定义为插槽插槽例子:需求:以前折叠面板案例
波er客·2022-11-09 09:04

vue之父子组件传参

优质的代码，复用性一定很强，封装组件。那么，既然要封装组件，就涉及到父子组件之间的传参。
走出半生的少年·2022-10-28 16:20

vue-element-admin 增删改查（五）

一、添加和修改注：添加和编辑用到了同一个组件，也就是此篇文章你能学会如何封装组件及引用组件；第二能学会async和await；第三父向子传递数据props和子向父传递数据$emit()；1.添加数据（1
根子的数据库·2022-10-17 12:56

vue二次封装组件

vue二次封装组件3个待解决问题前提知识点以封装[AntDesignVueTable](https://2x.antdv.com/components/table-cn)为例二次封装组件新组件使用效果图
高献涛·2022-10-13 22:41

Element-ui源码分析

虽然说基本需求看文档就可以了，但是文档中提供的方法和业务需求相比肯定是有一定差距的，这时候就需要自己封装组件了；并且，在写了一些代码后感觉，其实在不同的项目中写过功能差不多相同的代码，那为什么不封装一下方便以后
黑猫几绛·2022-10-13 02:41

vue 父子组件间通信

前言在vue项目中，封装组件，涉及到父子组件的传值，本文主要讲解父子组件之间传值的方法。一、props/$emit适用于父子组件通信，单向数据流，这种方法是vue组件的基础。
倔强的小绵羊·2022-10-04 08:11

使用vue开发的网页游戏

先放链接：baiwanrunrun无聊的时候用vue脚手架搭配vuex，vuerouter以及自己想的碰撞计算，完成了一个小游戏图片背景是网上找的，如有不爽联系我删除说一下收获与心得：1.封装组件的必要性
uliar·2022-09-30 13:28

interview

post}from"@/utils/request";//引入复用得页面importHeaderfrom'@/components/Header';//写js代码得区域exportdefault{//局部封装组件
凌晨三点十分·2022-09-23 07:24

Vue3 作用域插槽

Vue3作用域插槽在封装组件的过程中，可以为预留的插槽绑定props数据，这种带有props数据的叫做作用域插槽。通过作用域插槽，把组件数据返回给，组件调用方。
DevCsdner·2022-09-22 21:32

vue3+element plus搭建后台管理系统

//mangoxin1.gitee.io/mango-fd采用vue3和vite2和elementplus搭建后台管理系统内部封装多个组件支持页面关闭支持iframe内嵌跳转新窗口打开全屏打开当前组件封装组件表格
Mangoxin1·2022-09-21 18:25

uni-app 高度自适应

方法一已知固定高度**注意scrollH初始值不等大于最终显示的高度，如果封装组件，onReady()**onLoad(){//获取可视区域高度，减去固定高度uni.getSystemInfo({success
鹿蹊zz·2022-09-18 20:06

Vue使用Swiper封装轮播图组件的方法详解

目录Swiper为什么要封装组件开始封装1.下载安装Swiper2.引入css样式文件3.引入js文件4.把官网使用方法中的HTML结构复制粘贴过来5.初始化Swiper自定义效果完整代码效果展示SwiperSwiper
·2022-09-06 13:17

二次封装element select，通过computed计算属性解决v-model父子组件传递值问题

背景项目中需要编写一个全局组件，继承elementselect，二次封装elementselect，不用重复去写封装组件数据的代码。
zcczbq·2022-09-04 11:28

Vue vben admin - 新鲜出炉的高颜值管理后台UI框架，基于 Vue3 和 Ant Design Vue

VuevbenadminVueVbenAdmin是一个基于Vue3.0、Vite、Ant-Design-Vue、TypeScript构建的后台解决方案，为中大型项目开发提供开箱即用的UI框架，包括二次封装组件
那些免费的砖·2022-09-03 08:13

每天一个前端小知识01——Webpack

一、何为前端工程化1.模块化：包括对css、js、资源的模块化2.组件化：封装组件，复用ui、css、js3.规范化：目录结构、编码、接口、文档以及git分支4.自动化：自动化构建、部署、测试二、Webpack
bei-zhen·2022-09-02 19:59

element-ui表格二次封装

二、页面效果三、使用示例1.创建一个vue项目2.安装项目依赖3.封装组件4.使用示例总结前言例如：随着项目功能的不断变化，简单的element-ui表格已经不能满足需求。
西瓜IT·2022-09-02 18:52

element-ui一些常用组件的二次封装

组件封装创建components文件夹，并且创建封装组件1.Table——表格封装{{item.render(scope.row)}}{{scope.row[item.param]}}{{item.label
曾兰兰1031·2022-09-02 17:03

vue3.x + elementPlus 封装组件之date-picker时间封装

时间选择没时分秒时间选择有时分秒时间快捷选择时间区间选择时间区间选择有时分秒时间区间快捷选择import{reactive,toRefs}from'vue'//shortcuts快捷时间选择例子：:shortcuts="[1,5,10]"constpickerData=reactive({timeType:'datetime',//datetime/date是否展示时分秒单个时间展示默认是展示年月
丢，捞仔·2022-09-02 17:14

vue实现气泡运动撞击效果

本文实例为大家分享了vue实现气泡运动撞击效果的具体代码，供大家参考，具体内容如下封装组件          {{item.nick_name}}    签到      exportdefault{ data
·2022-08-30 10:25
上一页 5 6 7 8 9 10 11 12 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他