封装组件

学生管理系统-04VueX

一、本章目标vuex的简介【重点】掌握vuex的基本使用掌握辅助函数来操作vuex掌握vuex的模块化【难点】掌握vuex的持久化完成Tabs选项卡的二次封装vuex的使用封装组件组件内路由守卫二、vuex
鸣鲷有柒·2023-07-26 15:10

element中的el-input绑定enter键盘事件

原因是element-ui是封装组件，el标签是element自定义标签，因此触发不了键盘事件。解决办法：加上.native修饰符即可
Adamyworld·2023-07-26 04:54

vue3中使用wavesurfer插件 动态生成id

需求最终实现的是对话这种，音频+文字的对话使用方法：npminstallwavesurfer.js--save官方文档：https://wavesurfer-js.org/参数，方法可以去文档查看直接放封装组件代码开发背景
开心市民小李・ࡇ・·2023-07-25 16:45

uniapp学习总结

pages.json页面路由配置项列表globalStyle#基础组件#扩展组件的意义#组件的类别#easycom组件规范#uni_module规范#uniCloud组件#原生组件和原生插件#datacom#如何封装组件
覃苗宇·2023-07-25 13:14

vue-photo-preview组件预览图片

vue-photo-preview组件在vue中的使用，可手势局部缩放大小，滑动封装成适用的组件,我这里结合的是vant的swiper轮播组件，所以想用先安装vant一封装组件importpreviewfrom'vue-photo-preview
胆大的小乌龟·2023-07-25 00:29

Vue3 封装组件库 挂载全局

问题我是看网上大部分说的Vue2.x的Vue.prototype应该换成以下写法importtoastfrom'./scripts/toast';import{createApp}from'vue'importAppfrom'./App.vue'exportdefault{version:'1.0.0',author:'lzh',install:function(Vue){constapp=cre
像朝阳一样·2023-07-23 19:14

封装组件使用v-model 注意事项

vmodel双向绑定需要注意的是，我们在组件里的操作不能直接修改props，而官方给出的例子又非常简单。简单例子不能解决复杂场景例如下面简单的例子：{$emit('change',e.target.value);}"/>如果我在这里点击按钮，让input的值变成“世界真美好”就会很困难！！exportdefault{name:"MyInput",model:{props:"value",event
Baby_ed6e·2023-07-23 07:55

vue框架使用百度地图封装组件

VUEBAIDUMAPhttps://dafrok.github.io/vue-baidu-map/#/人家文档写的简单明了我就不多说了
十年饮冰难凉热血丶·2023-07-22 22:37

vue教程系列第四十一节-transition的过渡应用

我们为什么要使用这个封装组件是vue封装的过渡组件。我们在浏览我们之前做的切换页面效果时，发现很生硬，让人很不舒服。
独绽2018·2023-07-22 12:25

vue插槽的基本使用

允许开发者在封装组件时，把不确定的、希望由用户指定的部分定义为插槽。2.体验插槽的基础用法在封装组件时，可以通过元素定义插槽，从而为用户预留内容占位符。
小白程序猿H·2023-07-22 03:40

vue项目使用wangEdit组件时，从后台接口获取到的值渲染不了页面

问题描述：项目多处需要文本编辑器组件，就手动封装了一个edit组件，但是在页面上用封装组件时，从后台接口返回的content数据，并没有在wangEdit编辑器中回显,是因为在初始化组件时，接口还没有返回数据
小呆糊总·2023-07-21 23:49

Vue修炼系列教程 - 元婴篇1

回顾上一期，我们讲了比较优雅使用ref操作dom的，以及v-model的一些应用，今天我们来学习封装组件打个广告，最底下的公众号，可以每天领外卖红包、打车优惠券还有96折充值电费等，需要的可以关注一下哦组件日常开发中封装组件是十分重要的
hhzzcc_·2023-07-20 14:47

Vue修炼系列教程 - 元婴篇2

前言上一期我们已经学完如何封装组件，并使用props和emit方法在父子组件中进行通信，今天我们讲一下组件中另一个很常用的知识，slot插槽(本章不用slot-scope，和slot属性，统一使用v-slot
hhzzcc_·2023-07-20 14:17

插槽的使用！！

允许开发者在封装组件时，把不确定的、希望由用户指定的部分定义为插槽。
沈忘年·2023-07-20 08:39

在vue中上传多张图或单张图 封装组件

现在前端基本不是vue技术栈就是react技术栈。我们经常所用的就是vue框架了，今天我要写的是在vue中封装一个上传图片或文件的组件支持单个或者多个不说那么多了上代码。先给大家上个效果图上传单张或者多张图片上传文件列表安装npminstallvue-upload-component--savemain.js使用importVueUploadComponentfrom'vue-upload-com
River_tong·2023-07-20 01:33

vue组件封装

1、封装组件的目的把业务逻辑相同，高度重复的代码封装起来，为了提高代码的复用，减少代码的冗余。
孟孟_mengmeng·2023-07-19 18:36

vue移动端预览pdf

**vue移动端预览pdf**1.npminstallpdfh5下载插件2.封装组件lookPdf.vue3.在需要预览的页面进行引入，使用组件4.如果使用pdfh5出现以下问题的时候（我仅列举两个）可以查看一下当前你使用的
路遥努力吧·2023-07-19 14:09

vue3插槽、具名插槽、作用域插槽-足够入门了

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

Vue3 $emit父子传值

文章目录前言一、暴露组件事件二、父组件响应总结前言封装组件会需要暴露一些事件，比如在翻页时触发某个事件，根据这个事件在父组件回调方法就可以在事件发生时进行相应的处理，这需要子组件暴露出事件。
白瑕·2023-07-19 08:56

Vue3 Props父子组件传值

文章目录前言一、子组件的准备二、父组件传值二、异步监听总结前言多用于封装组件时，我们界定好一些不变的属性，再暴露一些支持自定义的属性，这些支持自定义的属性就要通过Props传值，比如支持自定义尺寸就如下例
白瑕·2023-07-19 08:26

封装 视频以及监控组件

文件Git地址：https://gitee.com/wang-xiaowang123/liveplayer.html文件中//liveplayer-lib.min.js文件在Git仓库中2.封装组件LivePlayerDemo.vueimportLivePlayerfrom
王小王和他的小伙伴·2023-07-18 20:18

微信小程序下拉刷新、上拉加载

1.封装组件//components/customPullDown/index.jsComponent({options:{multipleSlots:true},properties:{changeBoundaryThreshold
优小U·2023-07-18 20:32

Vue-组件基础（下）

进行验证能够知道如何使用计算属性能够知道如何为组件自定义事件能够知道如何在组件上使用v-model二、目录props验证计算属性自定义事件组件上的v-model任务列表案例props验证1.什么是props验证指的是：在封装组件时对外界传递过来的
一支咸鱼·2023-07-18 10:50

Vue-封装组件的案例

1.案例效果封装要求：①允许用户自定义title标题②允许用户自定义bgcolor背景色③允许用户自定义color文本颜色④MyHeader组件需要在页面顶部进行fixed固定定位，且z-index等于999使用示例如下：App根组件importMyHeaderfrom'./02MyHeader/MyHeader.vue'exportdefault{name:'MyApp',components:
一支咸鱼·2023-07-17 06:44

Vue-组件基础（上）

单文件组件的组成部分能够知道如何注册vue的组件能够知道如何声明组件的props属性能够知道如何在组件中进行样式绑定二、目录单页面应用程序vite的基本使用组件化开发思想vue组件的构成组件的基本使用封装组件的案例单页面应用程序
一支咸鱼·2023-07-17 06:41

Vue封装插件并发布到npm仓库

一、封装组件因为主要描述发布插件步骤，所以插件内容比较简洁。文件位置：packaging_components\src\package\gray-rabbit-ui.vue。exportdefa
山原旷其盈视·2023-07-16 01:20

Vue父组件如何获取子组件的ref

有时候我们在特殊情况下父组件需要获取到子组件的实例对象，比如封装组件等情况下，这时候我们需要获取子组件的实例对象这时候该怎么办呢？
Yokeiz·2023-07-15 17:57

前端Vue自定义简单实用轮播图封装组件 快速实现轮播图

前端Vue自定义简单实用轮播图封装组件快速实现轮播图，下载完整代码请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?
前端组件开发·2023-06-23 10:05

前端Vue自定义简单实用轮播图封装组件 快速实现轮播图

前端Vue自定义简单实用轮播图封装组件快速实现轮播图，下载完整代码请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=13153效果图如下：!
前端vue组件·2023-06-23 08:00

vue2.0插槽

1、概念插槽（Slot）是vue为组件的封装者提供的能力，允许开发者在封装组件时，把不确定的，希望由用户指定的部分定义为插槽要想在根组件中可以在子组件中渲染页面，需要在子组件中创建一个插槽即slot标签规定
✪ω✪玖忆惜梦✪ω✪·2023-06-23 05:25

黑马程序员前端 Vue3 小兔鲜电商项目——（四）Home 页面布局

轮播图实现模板代码封装接口渲染数据面板组件封装创建公共组件复用抽取主题和副主题新鲜好物实现模版代码封装接口渲染数据人气推荐实现模板代码封装接口渲染数据懒加载指令实现封装全局指令注册全局指令图片懒加载Product产品列表实现模板代码封装接口渲染数据图片懒加载GoodsItem组件封装封装组件使用组件
I'm Jie·2023-06-22 05:47

关于使用element-ui组件化el-cascader表单验证无法通过的解决

  在做项目的时候，多处要用到级联，所以就想着将他封装成单独的组件，然后问题就出现了，在form验证表单中无法通过验证（正常的是el-cascader需要一个v-model进行双向绑定，但是封装组件无法使用
@大熊·2023-06-21 19:09

Vue 基础组件二次封装的高级技巧及方法,能更优雅的进行二次封装组件（Vue3组件封装--继承第三方组件的Methods方法）

前言本人持续开源了Vue2基于ElementUi&AntdUi再次封装的Tui基础组件和Vue3基于Element-plus再次封装的TuiPlus基础组件,在组件封装的过程中提取了以下方法和技巧，借此总结一下！！接下来我以Vue2基于ElementUi再次封装的基础组件(Tui)为例进行讲解：一、如何继承第三方组件的属性1、el-select就有二十几个属性（Attributes）2、我们不应该
wocwin·2023-06-21 15:10

基于vue实现电子签名组件

1.安装依赖npmintsallvue-esign-s2.在main.js中引入组件importvueEsignfrom'vue-esign'3.封装组件清除返回确认import{Vue,Component
贝贝小菜鸟·2023-06-20 18:53

基于vue实现人脸识别组件

1.安装依赖npminstalltracking2.封装组件返回打开摄像机拍照import{Component,Vue,Emit}from"vue-property-decorator";import{
贝贝小菜鸟·2023-06-20 18:53

基于浏览器渲染的组件测试

目录为什么需要自动化测试测试的类型组件测试的方式白盒测试黑盒测试灰盒测试推荐的方案Playwright组件测试案例Playwright简介playwright架构图BrowserContext组件测试原理组件引入模型封装组件渲染测试组件
锦都不二·2023-06-18 22:04

echart二次封装组件

VUE2import*asechartsfrom'echarts';exportdefault{props:{id:{type:String,default:()=>{return'mychart';}},options:{type:Object}},data(){return{myChart:null,};},mounted(){constel=document.querySelector(`#
imsopoor·2023-06-17 09:06

封装组件的原则（封装组件必看）彻底搞明白封装组件

什么时候需要封装如果一块内容在项目中出现了两次就要考虑是否应进行封装一个组件、一个函数、一个css只要是需要多次使用的都可以考虑封装封装原则封装的组件必须具有高性能，低耦合的特性，封装的组件为子组件，引用封装组件的地方叫父组件为了实现高新能
f(me)·2023-06-16 21:01

Vue Transition 实现类原生组件跳转过渡动画

原理模版中使用了Vue提供的封装组件transition，配
·2023-06-16 15:09

vue3+ts+vite+element plus 页面组件拖拽（vue-drag-resize）

二、官网瞅瞅vue-drag-resize-npm三、依赖安装npmi-svue-drag-resize四、封装组件（封
渣渣灰飞·2023-06-16 15:10

Vue封装组件库-button组件

常见组件封装使用vuecreategreen-ui命令初始化一个vue项目勾选如下选择scss选择eslint风格选择保存时校验选择Inpackage.json保存输入项目名创建项目成功启动项目然后把App.vue修改为如下内容定制组件exportdefault{}把router文件夹下的index.js修改为importVuefrom'vue'importVueRouterfrom'vue-ro
二木成林·2023-06-16 07:34

如何在vue 中使用组件，以及组件通信的方式（父传子/子传父/兄弟传）

文章目录前言零、如何使用封装组件一、为什么需要下面的通信方式二、父组件给子组件通信三、子组件给父组件通信四、兄弟组件通信五、多层组件之间的通信总结前言组件可以说是vue中最为核心的一部分了，通过组件化，
文默·2023-06-15 11:58

可拖动的时间轴(vue3+ts使用element-plus的Slider滑块封装)

HTML代码如下：封装组件，后端传递开始时间和结束时间，前端算出中间相差多少天图一效果：后端只传了一个开始时间和结束时间import{computed,defineComponent,reactive,
₍•ʚ•₎呀呀·2023-06-14 14:47

【实战经验】vant中picker选择器封装，让你的表单选择更简单

实现思路首先定义一个子组件页面用来封装选择器；在父组件中(使用的页面)引入封装组件(子组件)并注册，然后在页面中使用
水星记_·2023-06-12 14:17

vue-cli4封装组件并发布到npm

第一步：创建vue项目vuecreatemyproject第二步：调整项目结构将原来的项目目录按下图结构重新设置，目录的结构我们参考element的项目结构，需要将src重命名为examples,并添加packages目录,用来存放我们的自定义组件.image.png第三步：手动创建vue.config.jscli默认会启动src下的服务,如果目录名变了,我们需要手动修改配置,vue-cli3中提
嘤夏影·2023-06-10 18:37

vue 如何预览pdf文件？

1.使用vue-pdf插件1.0效果图1.1插件安装1.2代码展示2.使用PDF.js插件2.0效果图2.1插件安装2.2简单封装组件2.3使用组件3.兼容word格式文件预览(.doc、.docx)…
Dark_programmer·2023-06-10 09:44

html5 移动端手写签名,H5移动端项目实现手写签名功能 vue实现手写签名

刚好项目用到此功能，就网上找了一下，清理了无用代码，简单方便，因为项目中多个地方需要使用，所以我将它整理为组件，通过ref和传值控制，下面代码我单独整理出来，可自行封装组件(只支持移动端，不支持pc端)
忠北小石头·2023-06-09 14:50

vue递归渲染树形结构数据

官网地址封装组件import{ref,computed}from'vue'constprops=defineProps({model:Object})constisOpen=ref(false)constisFolder
小趴菜呢·2023-06-09 14:42

前端面试整理5

9.React中如何封装组件？流程？10.高阶组件？使用场景？11.Ts和js的区别？12.如何清除
m-TT·2023-06-08 07:00

前端面试题整理12

8.React封装组件的详细过程？9.Webpack的打包流程？10.Webpack打包如何性能
m-TT·2023-06-08 07:00
上一页 3 4 5 6 7 8 9 10 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他