封装组件

Vue插件开发与实战

插件vs组件插件可以封装组件，组件可以暴露数据给插件。一个Vue插件可以是一堆Vue组件的集合，也可以在Vue的原型上进行扩展，如Vuex、Vue-Router。
悟空leo·2021-05-13 10:41

Vue+Element UI：下拉菜单封装

2、组件封装组件的封装用到了CSS动画、定位、，以及ElementUI提供的下拉菜单组件el-dropdown。
似曾不相识·2021-04-30 10:12

10.Vue.js前端框架：过渡

2、单元素过渡2.1CSS过渡Vue.js提供了内置的过渡封装组件transition，该组件用于包含要实现过渡效果的DOM元素。
小白_xm·2021-04-28 10:49

[React Native] React 中的组件和属性（Components and Props）

目录1.组件（Components）1.1什么是组件1.2定义组件1.3渲染组件1.4组合组件1.5封装组件2.属性（Props）1.组件（Components）1.1什么是组件组件能让你将UI拆分成各个独立的
ShannonChenCHN·2021-04-27 15:42

vue3.0 + ts 打包ui组件

其中就包括ui组件，很多二次封装组件需要在各个子应用中使用到。所以将这些公共组件独立出来，作为第三方库使用。需要注意的是，这里的ui库也是基于已有开源库的扩展，而非fork后的二次开发。
直立猿·2021-04-13 07:09

小程序中的父子组件传参

developer/article/1029112微信小程序组件化编程和实践（下）：https://cloud.tencent.com/developer/article/1029113根据公司的业务需求我是如何封装组件的
程序_熊·2021-04-11 22:39

超详细 ElementUI 源码分析 —— Input

最近在学习Vue框架，想深入了解一下组件化开发以及封装组件库的思想，而ElementUI作为这方面做的最好的也是最常用的组件库，它的源码一定有很多值得我们去学习的地方，所以去ElementUI官网和Github
·2021-03-24 00:01

通过vue封装弹窗组件/vue封装组件的方式选择依据

通过vue封装弹窗组件大部分vue对效果的封装，有3个方式：普通公共组件封装：涉及东西，父子组件之间的传值和通过v-modal指令监听父子间的数据通过渲染函数封装组件：render函数运用通过混合封装组件
Raral·2021-03-18 10:17

Vue方向：Vue过渡动画以及第三方animated.css动画库

Animate.css.在过渡钩子函数中使用JavaScript直接操作DOM.配合使用第三方JavaScript动画库，如：Velocity.js2、过渡或动画的了解Vue提供了transition的封装组件
听书先生·2021-03-08 00:17

React 框架原理与实战——04-03-React Hooks、Chakra-UI、组件性能优化、封装组件库

文章目录1.Hooks1.1ReactHooks介绍1.1.1用来做什么1.1.2解决什么问题(类组件的不足)1.2如何使用1.2.1useState()1.2.2useState()1.2.3useContext()1.2.4useEffect()1.2.4.1useEffect执行机制1.2.4.2useEffect使用方法1.2.4.3useEffect解决的问题1.2.4.4只有指定数据发
junying6·2021-03-02 14:18

vue+element 设置弹窗_封装Vue Element的dialog弹窗组件

其实，并不是所有封装组件的方式都是一成不变的，你可以采用函数式组件这种能提高性能的方式，也可以使用带有状态和生命周期的普通组件的封装方式。
知乎时尚·2021-02-11 15:31

vue 封装组件样式小技巧

在使用vue开发时，经常会封装很多的组件方便复用，那么难免就有写样式相关组件，比如需要使用时传入颜色、高度等样式参数。那么问题来了：我们要怎么在样式中使用组件中接收的参数呢？或者说，我们要怎么在样式中使用data中的变量呢？话不多说上菜~exportdefault{props:{height:{type:Number,default:54,},},computed:{styleVar(){retu
·2021-02-09 16:21

vue 封装组件样式小技巧

在使用vue开发时，经常会封装很多的组件方便复用，那么难免就有写样式相关组件，比如需要使用时传入颜色、高度等样式参数。那么问题来了：我们要怎么在样式中使用组件中接收的参数呢？或者说，我们要怎么在样式中使用data中的变量呢？话不多说上菜~exportdefault{props:{height:{type:Number,default:54,},},computed:{styleVar(){retu
·2021-02-09 16:34

浅谈vue封装组件---js版

Vue组件化思想组件化是Vue中的重要思想，当我们对vue的基本知识有了一定的基础就要开始封装组件了它提供了一种抽象，让我们可以开发出一个个独立可复用的小组件来构造我们的应用。组件树。
骗你学计算机·2021-02-09 15:14

封装组件：LNDanmakuPlayer

这个文章的前置文章是：LNDanmakuMaster这个文档主要介绍LNDanmakuMaster中最重要的组件LNDanmakuPlayer；这个组件的代码量应该是整个框架中最多的，.m文件中包含了500行左右的代码；其他的主要组件通常都带有Abstract支持定义，但LNDanmakuPlayer没有，这意味着它是不可替代的。LNDanmakuPlayer结构LNDanmakuPlayer的责
BangRaJun·2021-02-08 21:40

VUE 旋转图片 （封装组件使logo转起来）

inner-center.png、inner-circle.png、outer-circle.png、outer-circle-2.png），②将最内部保持不动，外部几个旋转起来话不多说，直接上代码（封装组件名称为
boveysmith·2021-01-27 17:45

el-upload图片上传组件多张base64上传封装

多张图片用逗号隔开，无奈只能自己二次封装element的上传组件主要修改这几个方面1.转换多张图片为base64，2.去除el-upload动画，3.支持传递最多可上传数量达到数量隐藏上传按钮这是二次封装组件的子组件代码
boru626·2021-01-26 09:37

自己动手封装一个Echarts数据展示组件

文章目录前言一、安装Echarts1.npm安装2.引用二、封装步骤1.创建公共文件夹2.封装组件三、调用四、效果图总结前言大家好我是前端新手小猿同学：这篇文章主要给大家简单介绍一下封装一个Echarts
小猿学前端·2021-01-21 20:26

【Vue】基于UI库二次组件封装

为什么要封装成组件能够把页面抽象成多个相对独立的模块实现代码重用，提高开发效率和代码质量，使得代码易于维护为什么要讲基于第三方UI库封装组件这段时间经手了几个项目，都是后台管理系统的，大家知道后台管理系统最多的就是
米尔·2021-01-19 13:48

vue转场动画

transtion内置组件Vue提供了transition的封装组件，在下列情形中，可以给任何元素和组件添加进入/离开过渡条件渲染(使用v-if)条件展示(使用v-show)动态组件组件根节点//里面可以放置组件简单来说
单调的王先森·2021-01-12 11:09

前端如何封装一个组件？怎么造轮子？手写js封装一个dialog弹窗组件。

以前没有尝试过封装组件，其实也没有严格意义的去笼统的学习过封装组件，最近使用layui满频繁的，想要封装一个dialog，尝试一下
崔迪的傻大猫·2021-01-07 14:26

vue设置标签自定义属性_Vue组件化开发之插槽

基于同样的思想，Vue在封装组件时，也可以预留插槽，在组件被使用的时候，我们就可以往组件插槽中插上其他内容。Vue中的插槽用slot标签进行占位。这一块我们会讲两部分内容：插槽和作用域插槽。
weixin_39911007·2021-01-07 04:43

VUE类似淘宝选择商品多规格(库存判断)

1.组件效果展示也可访问链接查看网页效果...瞎封装组件系列：VUE简单提示框VUE树形图(递归实现)VUE多店铺购物车2.使用方法引入组件：importgoodsspecfrom'../../../.
GHUIJS·2021-01-07 00:23

易懂好上手的transition-group函数式复用组件

Vue提供的和的封装组件，可以包裹在我们需要添加进入/离开过渡的元素和组件的外面。
荷犸·2021-01-06 19:37

易懂好上手的transition-group函数式复用组件

Vue提供的和的封装组件，可以包裹在我们需要添加进入/离开过渡的元素和组件的外面。
荷犸·2021-01-06 19:50

项目脑瓜不好使经验总结

配置全局global.systeminfo.windowsundefined把引入方式换成import，不用require2.全局封装组件要在index.js里面抛出，封装时看清命名有没有大小写拼写错误
狗蛋今天睡醒了吗·2021-01-05 16:16

vue中el-input绑定键盘按键(按键修饰符)

el-input监听不到键盘事件,原因是element-ui是封装组件，所以el标签属于自定义标签，因此触发不了键盘事件。解决办法：加上.native原生事件修饰符即可。.
·2020-12-27 12:17

2、vue-组件化の封装组件、引用组件

首先我们写了一个组件叫做bottomNav的组件作为底部导航使用{{a}}exportdefault{name:'HelloWorld',data(){return{msg:'WelcometoYourVue.jsApp',arr:["首页","周边","购物车","我的"]}},//方法钩子函数methods:{go(i){//打印当前导航对应文字console.log(i)}},//初始化钩子
郑先森·2020-12-20 11:12

简单的封装Element-ui Table表格组件

本次封装组件中,用到知识点有父子组件传值,三元表达式.1.第一步在vue公共文件夹中,创建一个公共组件vue文件.也是子组件.
阿萨德饭饭·2020-12-19 11:31

【Vue】基于UI库二次组件封装

为什么要封装成组件能够把页面抽象成多个相对独立的模块实现代码重用，提高开发效率和代码质量，使得代码易于维护为什么要讲基于第三方UI库封装组件这段时间经手了几个项目，都是后台管理系统的，大家知道后台管理系统最多的就是
米尔·2020-12-15 19:40

uni-app 页面封装组件并引用到页面

相信大家在开发的时候都会把项目中模块相似的都会单独做个组件，比如头部搜索、列表。。。等，然后可以随意的在需要的页面中引入。这样不仅简化代码，更方便维护。今天我们看下在uni-app中如何简单的创建组件并引用到页面中。上篇文章中讲到了目录中各个文件的用途，components这个文件夹就是存放公共组件的地方。我们可以在这里面自行创建文件，接下来我们就拿列表来说下在components文件中创建lis
爱生活的小青年·2020-12-14 09:49

Java之系统知识体系的构建

1.前端html、css、javascript、jquery、vue.jsnode.js、es6、json、ajax教程TCP/IP教程、BOM和DOM、正则表达式前端封装组件：elementUI、iView
Firm陈·2020-12-13 11:55

详解如何在vue+element-ui的项目中封装dialog组件

1、问题起源由于Vue基于组件化的设计，得益于这个思想，我们在Vue的项目中可以通过封装组件提高代码的复用性。根据我目前的使用心得，知道Vue拆分组件至少有两个优点：1、代码复用。
·2020-12-11 18:58

vue 封装组件供全局使用_基于Vue.js和iviewui封装一个crontab表达式的组件

介绍Cron表达式看则简单，但是实际上如果手写的话，非常容易出错的，而且很难及时发现，而easy-cron就是为此应运而生的。easy-cron是基于Vue.js和iview实现crontab表达式的UI组件，支持多种特性，可以方便、快捷直观地定义cron表达式，并支持给定开始时间后的执行时间点，方便排除错误。本工程包括测试代码，和vue原始文件。软件特性支持特性：纯js代码实现，可以方便和其他i
weixin_39656513·2020-12-09 03:23

Camera2的简单封装

正是因为Camera2接口使用比较复杂，学习成本比较高，所以google提供了Camera2的封装组件CameraX。
mjlong123·2020-11-19 22:32

vue常见问题(vue开发移动端问题总结1)

_70_.default.conponentisnotafunctionvue_webpack_imported_moudle_70_.default.conponentisnotafunction​封装组件出现这个问题解决办法
saltYfj·2020-11-03 23:45

如何使用React来开发拖拽组件

那么在开始用具体框架来封装组件的之前，就需要搞清楚这些原生
SCQ000·2020-10-29 09:41

封装组件的时候报错Unknown custom element: router-view make sure to provide the name option.

在配置项目路由时，使用router-view不能正常渲染，报错如下：[Vuewarn]:Unknowncustomelement:-didyouregisterthecomponentcorrectly?Forrecursivecomponents,makesuretoprovidethe“name”option.foundin—>atsrc/App.vue检查如下路由配置文件index.js：i
七彩猫猫虫·2020-09-17 08:50

用Vue来实现图片上传多种方式

我们就以Vue、Element-ui，封装组件为例子聊聊如何实现这个功能。其他框架或者不用框架实现的思
weixin_33763244·2020-09-17 05:32

vue+element 键盘回车事件导致页面刷新的问题

输入框输入内容，按键盘上的回车按钮，会刷新界面解决方法：1.如果回车时有方法需要调用，在调用方法的时候加上@keyup.enter.native即：@keyup.enter是vue监听键盘回车事件，如果用了封装组件的话
石意·2020-09-16 16:48

vue组件封装

你在项目中是如何封装组件的？？？？？…以上问题是面试官，最常问到的问题？那么你应该如何回答呢？答：我用vue开发的所有项目，都是采用组件化的思想开发的。
星空之火@田兴·2020-09-16 15:11

VUE + ONLYOFFICE

VUE+ONLYOFFICE基本配置使用1引入后台配置好的office服务器2封装组件import{handleDocType}from"..
SmileGirlXX·2020-09-16 02:57

vue项目里面引用svg文件并给svg里面的元素赋值

百度了很多要配置webpack.base.conf.js,还要封装组件什么的，但是没有用，那些方法应该是对icon的svg或者简单的svg图片有用吧。后面改变思路，想着能不能组件的形式引入svg文件。
·2020-09-15 17:27

vue过渡效果 概述

vue的封装组件transition:为某个模块添加动画效果，直接在那个div里面添加一个属性transition="自己命名的名字"为我添加一个渐入渐出的效果样式div.fade-transition
夏天想·2020-09-15 14:15

React入门最好的学习实例－TodoList

前言React的核心思想是：封装组件，各个组件维护自己的状态和UI，当状态变更，自动重新渲染整个组件。
weixin_30492601·2020-09-15 12:35

Vue cli3库模式搭建组件库并发布到npm，未进行编译导致安装出现兼容性问题

一、目录example目录原src，用作示例展示package目录封装组件二、修改vue.config.js，可自己创建一个vue.config.js修改入口文件为example添加webpack对package
sdtear·2020-09-15 12:34

如何更优雅的封装组件 - Search

Search-搜索框无论在B端还是C端都会存在的东西。无疑把其抽离封装?成则最为合适。能确保组件的易读性/可扩展性/最佳使用性，一直是我不断编码过程中思考的问题。此文章以Taro+Ts+Redux为技术栈作为分享。直接步入正题：先看三张张搜索框的UI设计稿。图一：【刚进入搜索页面中，输入框的样式】图二：【搜索框输入内容时，有输入框清除按钮的增加】图三：【搜索完成之后，数据展示】思考一下你将会如何布
Danile-丹丹·2020-09-15 11:06

在angularJs中封装组件，全局调用

背景：在angularJs中，有时候，需要封装组件，公用的组件，方便多个模板调用添加，减少重复开发，提高效率。
qq_26780317·2020-09-15 11:43

vue根据链接生成二维码（二维码中间可增加logo）

一、安装依赖npminstallvue-qr--save二、封装组件1、参数说明appSrc被生成二维码连接（必填）logoSrc二维码中间logo图片（选填）默认无size二维码尺寸（选填）默认1502
旭哥的博客·2020-09-15 09:53

手把手教学~基于element封装tree树状下拉框

话不多说，先看效果图：封装组件该组件主要基于element的select组件、tree组件及input组件进行二次封装的。组件布局首先我们需要基于这几个组件对我们的
MonkeySoft·2020-09-15 09:20
上一页 8 9 10 11 12 13 14 15 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他