封装组件

封装组件ActionSheet，可以自定义Item，支持屏幕旋转

开发中，ActionSheet主要用于选择，系统提供的有：UIActionSheet(iOS8.3废弃)UIAlertController(iOS8.0开发代替UIActionSheet和UIAlertView(iOS9.0废弃))组件中提供了一种默认样式（类似微信）和系统样式，如果需要其他样式可以自定义，具体的用法可参看Demo组件支持cocoapodspod"ZHActionSheet"下面是
LeeCoder·2023-03-30 21:15

vue3 element-plus 实现图片预览

效果2、实现element-plus下有这么一个组件，但是这个组件是没写在文档上面的，像普通组件一样使用即可可以通过点击按钮实现图片预览，而非el-image组件只能通过点击图片实现预览2.1封装组件import
ZL随心·2023-03-30 20:26

第2章 封装组件初级篇（上）

1.环境搭建，在vite脚手架基础上集成typescript和element-plushttps://cn.vitejs.dev/guide/以下是开发过程中过使用到的包和版本号：package.json{"name":"m-components","version":"0.0.0","scripts":{"dev":"vite","build":"vue-tsc--noEmit&&vitebui
yanling.zhang·2023-03-29 13:34

wangEditor 使用之 Vue2封装组件

1、安装wangEditornpm安装npmiwangeditor--save注：wangeditor全小写package.json文件"wangeditor":"^4.7.11"2-1、封装wangEditor组件（wangEditor.vue）src/components/wangEditor/index.vueimportEfrom"wangeditor";importfileMenufro
别摸_兜里有糖·2023-03-28 20:35

Taro react 小程序 封装 uchart.js 图表

文档https://www.ucharts.cn/开发环境uchart.jsversion'v2.3.3-20210706'Taro版本3.3.5react17.0.0版本过久可能会导致引起一些兼容问题封装组件
7级先生·2023-03-26 07:19

Vue中插槽slot的使用方法

允许开发者在封装组件时，把不确定的、希望由用户指定的部分定义为插槽。2.插槽的使用在封装组件时，可以通过元素定义插槽，从而为用户预留内容占位符。
·2023-03-26 00:59

vue 封装组件 实现自定义双向绑定

当组件使用value实现了一个功能，但又需要实现双向绑定，这时就会有冲突。通过定义组件时的model选项，从而实现了自定义组件v-model功能。类似编辑器的功能，可能用v-model的方式会更好，可以通过这种方式使用。importVuefrom'vue'constcomponent={model:{prop:'value1',event:'change'},props:['value1'],te
一叶障目5217·2023-03-19 12:39

基于vue3+vite+TS的二次封装组件

经验之谈在写下这篇文章的思路前，我想先和点进来的小伙伴们分享一个小经验，欢迎点赞收藏~很多小白在入门的时候容易踩坑，特别是在开发一个处女作项目的时候，要么是曾经已经系统性学习过的知识运用不上，要么是没留意某属性的使用场景导致这样那样的报错等等总之在不断修修补补后，最终被你成功堆出了一坨shi山代码比如最简单的事件冒泡，在座的各位扪心自问在实际开发场景中真的能灵活运用吗？再比如父子传参，都知道pro
前端开发小司机·2023-03-13 11:36

对input进行简单封装组件

exportdefault{//组件的名称name:'input',//props可以是数组或对象，用于接收来自父组件的数据props:{inputType:{type:String,default:''},value:{type:String,default:''},maxlength:{type:Number,default:100},placeholder:{type:String,defa
人生的旅行·2023-03-11 11:54

android仿京东底部导航菜单,flutter-封装组件-底部导航栏-BottomNavigationBar

开发工具：AndroidStudio3.4.1介绍：flutter里可以理解为万物皆组件(Widget)，类似于Java的万物皆对象(Object)；通过对组件的封装，后期可快速实现出对应的界面效果，同时，还可知己移植到其他项目，重复使用；目的：可移植使用频率高快速构建通常底部导航栏是目前主流app通用的一种布局方式，比如说微信、qq、支付宝、京东、思否；所以将此布局封装出来，以后使用的时候，几行
weixin_39755625·2023-03-11 08:39

【Vue3】封装按钮组件

封装组件：src/components/button/index.vueimport{PropType}from'vue'defineProps({size:{type:StringasPropType
itpeilibo·2023-03-10 11:13

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
上一页 5 6 7 8 9 10 11 12 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他