自定义组件

玩转代码| Vue 中 JSX 的特性，这一篇讲的明明白白

目录什么时候使用JSXJSX在Vue2中的基本使用配置文本插值条件与循环渲染属性绑定事件绑定v-show与v-model插槽使用自定义组件在method里返回JSXJSX是一种Javascript的语法扩展
Jum朱·2023-10-17 11:54

自定义组件封装 v-model

v-model的实质其实就是语法糖image.png从上图中我们可以看到v-model=”something”则表示将value值绑定在something上，当值发生改变时触发绑定的oninput事件。oninput事件绑定的函数是将触发oninput事件的目标（该input）的value值赋值给something这个变量。所以：在vue3中要注意将prop和event命名更改为modelValu
默默无闻的小人物·2023-10-17 06:53

uni-app简介、条件编译、App端Nvue开发、HTML5+、开发环境搭建、自定义组件、配置平台环境、uniCloud云开发平台

uni-app简介：概述：uni-app是一个前端跨平台框架：会uni-app就可以用一套代码（类似vue语法）打包出安卓、ios、及各种小程序（微信、qq、支付宝等）端跨平台发布。生态：完整的生态，很多第三方接入只需简单配置即可。优势：开发者数量多、平台能力不受限（支持原生代码混写和原生sdk集成）、性能优越、周边生态丰富、学习成本低、开发成本低代码风格：整体采用vue代码开发风格，支持vue语
苦海123·2023-10-16 23:34

vue自定义组件 v-model

不写理论直接操作1.父组件{{parentValue}}//引用子组件importtestfrom'@/components/test/test'exportdefault{//组册子组件components:{test},data(){return{//父组件的值parentValue:1}},onLoad(){},methods:{}}2.子组件改变+1改变-1exportdefault{na
A腿长一米二·2023-10-16 23:56

Uniapp中正确使用自定义组件实时显示时间

一、如何使用自定义组件1、挂载在main.js中使用import语法引入组件路径，使用Vue.component()方法全局注册组件后，可以在各个页面中无需引入，直接使用（使用时记得首字母是大写）。
stoiCasey·2023-10-16 23:24

$msgbox 自定义组件

this.$msgbox({title:"选择",message:(),showCancelButton:false,showConfirmButton:false,});运行报错SyntaxError:Unexpectedtoken(89:20)参考：https://github.com/vuejs/babel-plugin-transform-vue-jsxnpminstall\babel-p
QQ2856639881·2023-10-16 23:08

企业级API网关设计参考

统一解决：认证、鉴权、安全、流量管控、缓存、服务路由，协议转换、服务编排、熔断、灰度发布、监控报警等...自定义组件扩展1）除产品内置的组件外，用户可以根据行业需求自定义组件，输出成Jar包，通过Admin
零一间·2023-10-16 17:17

HarmonyOS应用开发者认证的题库

1、所有使用@Component修饰的自定义组件都支持onPageShow，onBackPress和onPageHide生命周期函数。
AAFFSF·2023-10-16 12:29

【web】微信小程序笔记小结（自定义组件+npm包+全局数据共享+分包）

来源：黑马程序员前端微信小程序开发教程目录I.自定义组件①创建②引用1）局部引用2）全局引用3）对比4）页面和组件的区别③样式1）组建样式隔离2）注意点3）修改4）stylelsolation的可选值④
进击的文文文·2023-10-16 03:04

HarmonyOS应用开发者基础认证【满分答案】

（正确）所有使用@Component修饰的自定义组件都支持onPageShow，onBackPress和onPageHide生命周期函数。（错误）使用http模块发
_考不上研究生不改名·2023-10-16 01:22

React学习笔记02_面向组件编程

2.1.1.使用React开发者工具调试2.1.2.效果函数式组件：2.1.3.注意组件名必须首字母大写虚拟DOM元素只能有一个根元素虚拟DOM元素必须有结束标签functionDemo(){return自定义组件
淮里没有猫·2023-10-16 01:39

React(一)：React基础

本文主要是简单说明react基础语法概念和知识，从零开始系列的先绕行官网组件：JSX语法：在JS里直接编写HTMLreturn(Hello)也可以自定义标签，自定义组件首字母需大写returnHellostate
weixin_30558305·2023-10-15 20:24

《QML 基础教程》

、四舍五入QML获取时间戳字符串yyyy-MM-ddQML基础组件QMLItem核心元素QMLRectangle矩形QMLText文字元素QMLItem定位器AnchorQMLComponentQML自定义组件
我是唐·2023-10-15 20:43

小程序分包（普通分包、独立分包）

独立分包中插件、自定义组件的处理方式同普通分包。限制:1.独立分包中不能依赖主包和其他分包中的内容，包括js文件、template、wxss、自定义组件、插件等（使用分包异步化时
朱@·2023-10-15 19:31

微信小程序如何实现混入：自定义组件Behavior

重构引发的思考最近在重构小程序，重构的时候发现很多页面都用到了定位与逆地理解析这一功能，于是项目里几乎每个页面都要写一下获取定位的相关逻辑，实在头大。有没有办法抽离这部分逻辑呢？写成Component又太庞大，因为我们只需要js的相关逻辑。把方法抽离到utils中再调用，又需要再声明个响应式data去接收，都不是最优方案。那小程序能不能做到混入呢？答案是：能！小程序中的behaviorsbehav
super_wanan·2023-10-15 08:25

Vue 笔记12.02 自定义组件和插槽

一、自定义组件：自定义组件有两种形式，一种是全局的自定义组件，另一种是写在Vue里面的受挂载容器限制使用的。
玛骑犸·2023-10-15 06:22

小程序自定义组件自定义事件

小程序中的自定义事件的发起者即子自定义组件默认情况下不设置bubbles和composed两个参数时只能通过绑定在该自定义组件上()行间的函数监听，不能在包裹该组件的组件或者标签中监听到例如//view
o小红帽o·2023-10-14 22:34

Vue学习：Vue中的组件自定义事件

自定义组件传递数据的两种写法：1、通过父组件给子组件绑定一个自定义事件实现：子给父传递数据（使用@或v-on）：父组件中接收参数：ge
人海@·2023-10-14 22:03

uniapp开发踩坑

自定义组件v-model不可以自定义model，只能使用默认的value/input，否则小程序无效@Model('change',{type:Boolean})readonlyvalue!
drneilc·2023-10-14 10:01

LVGL自定义组件__页面指示器

前言LVGL对硬件的要求非常低，使用其自带的组件能够搭建出精美的界面，动效也很棒。但是如过移植到Linux平台下，开发稍微复杂的应用项目，那些组件就远远不够用了。为此需要自己自定义一些组件，以方便实用。效果为此，尝试开发了一个页面指示器，先看效果：代码Talkischeap，showmeyourcode.circles.h#include"lvgl.h"#defineMAX_INDEX10type
武器大师72·2023-10-14 09:13

uniapp运行到支付宝小程序踩过的坑

1、运行的文件hbuildx打包成功之后会唤起支付宝开发者工具，然后选择打开项目，最后选择下边的文件才能够成功打开2、自定义组件没有办法使用的情况下，可以更改设置，点击详情------启用component2
Holly·2023-10-13 14:34

自定义组件使用v-model

可以参考https://blog.csdn.net/Oralinge/article/details/103514288?ops_request_misc=&request_id=&biz_id=102&utm_term=%E8%87%AA%E5%AE%9A%E4%B9%89%E7%BB%84%E4%BB%B6%E4%BD%BF%E7%94%A8v-model&utm_medium=distrib
csstmg·2023-10-13 13:36

VUE elementUI 自定义组件效验器失效

首先看一段源码只要给el-form-item设置了prop，并且model有prop属性，根据此计算属性就会触发fieldValue的取值，从而使效验生效，也就是说，初始化属性一定得写。其次可以利用手动触发效验的方法灵活控制。如下所示vue中的计算属性需要深刻理解。依赖属性，那么属性不能后面添加，这样就会失效。很细微的东西有时候搞起来真痛苦，还是深扒源码找到答案。
d_o_n_g2·2023-10-13 10:16

vue2中v-model绑定自定义组件

父组件：子组件：//这里采用计算属性的方式props:{modelValue:Object,},computed:{myValue:{get(){returnthis.modelValue},set(myValue){this.$emit('update:modelValue',myValue)},},},
liangzc66·2023-10-13 07:37

学习VUE第十一天课程（VUE之组件（组件细节、模块系统、v-model语法糖））

编码规范与template模板的3种写法（2）组件data（3）组件名（4）组件注册（5）模块系统(需结合后续工程化使用，这里简单了解即可)（6）自定义事件(父子组件通信)（7）.sync修饰符（8）自定义组件之
web 沐·2023-10-13 01:15

Vue之组件（组件细节、模块系统、v-model语法糖）

编码规范与template模板的3种写法（2）组件data（3）组件名（4）组件注册（5）模块系统(需结合后续工程化使用，这里简单了解即可)（6）自定义事件(父子组件通信)（7）.sync修饰符（8）自定义组件之
裴嘉靖·2023-10-13 01:14

Vue中v-model的原理

例如应用在输入框上，就是value属性和input事件的合写作用：提供数据的双向绑定数据变，视图跟着变视图变，数据跟着变注意：$event用于在模板中，获取事件的形参在自定义组件中使用v-modelVue
努力全栈的小鹿·2023-10-13 01:42

01.Flutter自定义Widget、Center组件、Text组件、MaterialApp组件、Scaffold组件

进击的巨人Season31.Flutter第一个DemoCenter组件的使用在Flutter中自定义组件其实就是一个类，这个类需要继承StatelessWidget/StatefulWidget。
lew1sss·2023-10-13 00:09

vue中 .sync 和 v-model 的区别

自定义组件的v-model和.sync修饰符其实本质上都是vue的语法糖，用于实现父子组件的“数据”双向绑定.Vue中的props是单向向下绑定的，即：每次父组件更新时，子组件中的所有props都会刷新为最新的值
JingG459·2023-10-12 15:51

HarmonyOS优选主力应用开发语言-ArkTS概述

当前，ArkTS在TS的基础上主要扩展了如下能力：基本语法：ArkTS定义了声明式UI描述、自定义组件和动态扩展UI元素的能力，再配合ArkUI开发框架中的系统组件
李洋-蛟龙腾飞公司·2023-10-12 13:55

微信小程序--下拉选择框组件封装,可CV直接使用

一、起因接到的项目需求,查看ui设计图后,由于微信小程序官方设计的下拉选择框不符合需求,而且常用的第三方库也没有封装类似的,所以选择自己自定义组件。在此记录一下,方便日后复用。
糊涂涂糊涂涂·2023-10-12 12:18

Vue基础----组件通信

Vue.component('my-component',{template：'注册组件'})其中my-component是自定义组件名，可以任意命名，推荐小写减号分割的形式。
LHL_C·2023-10-12 05:33

React 组件传 children 的各种方案

自定义组件的时候往往需要传children，由于写法比较多样，我就总结了一下。
祖安狂人学编程·2023-10-12 03:58

小程序开发学习-1-使用uni-app框架开发微信小程序

框架开发微信小程序优势：同一套代码编译多端（Android、IOS、H5、小程序）接近原生系统，效率更好利用HbuilerX，开发效率高，内存占用少开发（人力、维护、时间）成本低学过Vue之后，学习成本很低支持npm与自定义组件社区活跃
lobster爱前端·2023-10-11 22:27

Vue is not defined

Vueisnotdefined场景再现：在Vue的自定义组件中，想要调用在/static/serverconfig.json中配置的全局地址ApiUrl,在自定义组件中console.log(Vue.prototype.ApiUrl
krifyFan·2023-10-11 14:46

vue自定义组件库发布到npm

vue组件做成npm包发布项目新建创建新项目cuttle：vuecreatecuttle修改项目结构及配置文件：修改src文件为examples，根目录下新建配置文件vue.config.js，并重写配置vue.config.js文件内容如下：module.exports={//重新配置入口pages:{index:{//page的入口entry:'examples/main.js',//默认是s
梧桐芊羽·2023-10-11 13:44

Android Jetpack之LifeCycle的使用

目录LifeCycle的作用LifeCycle的出现是为了解耦系统组件的生命周期与自定义组件之间耦合，比如以前的话如果我们自定义的组件需要在Activity对应的生命周期做相应的处理的话，我们就需要重写
itfitness·2023-10-11 06:49

横向对比Element-tree、ztree、ivew-tree性能对比分析与源码修改自定义组件

一、前言公司的树业务复杂的一批，而且数据量十分大，动不动测试就说最少测上w条数据，我顶个狒狒。公司的中后台系统用的是Element-UI框架，自然树组件也就是用的el-tree。说实话，el-tree已经很不错了，提供丰富的回调事件，属性，方法，在轻量数据渲染上可以说是不二之选。但是奈何半年多的项目实践，越发觉得el-tree卡顿了起来，数据越来越多，功能越来越复杂。测试提这方面的BUG已经到了测
向上的彭小呆·2023-10-11 04:08

在uniapp中为自定义组件绑定点击事件点击后没有效果

使用uniapp时，封装了一个Card的组件，为这个Card组件加上点击事件@click="handleClick"事件时，事件没有触发。点开微信小程序生成后的源码，可以看到@click的事件变成bindClick了。正确的点击事件应该是bindtap，如下图中view上面绑定事件。这个时候可以修改组件上面的写法，改为@tap。可以看到，生成的代码是@clicktap。点击成功运行。
迷途小员员·2023-10-10 11:01

mpvue中使用selectComponent获取自定义组件实例

一、mpvue中无法使用selectComponent的解决办法this.$mp.page.selectComponent('.xxx')其中xxx是父组件中使用了这个组件并且设置了一个id或是class类样式二、这里用vantWeapp中countDown倒计时组件举个例子手动控制通过selectComponent选择器获取到组件实例后，可以调用start、pause、reset方法这是vant
Dectwelve·2023-10-10 09:27

控制台报错it looks like an unknown prop “***“ is being sent through to the DOM

自定义组件传输变量时报警告itlookslikeanunknownprop“***”isbeingsentthroughtotheDOM,whichwilllikelytriggeraReactconsoleerror.Ifyouwouldlikeautomaticfilteringofunknownprops
前端每日三省·2023-10-10 08:04

ember*3.5 自定义组件元素

默认情况下，每个组件都有元素支持。如果您要查看开发人员工具中的渲染组件，你会看到一个类似于一下内容的DOM表示：MyComponent你可以自定义Ember为你的组件生成什么类型的元素，包括其属性和类名，通过在Javascript中创建Component的子类。自定义元素要使用除之外的标记，请将Component子类化，并为其指定Tagname属性。此属性可以将任何有效的HTML5标记名称作为字符
wodelu·2023-10-09 23:03

HarmonyOS学习路之方舟开发框架—学习ArkTS语言（渲染控制 一）

渲染控制概述ArkUI通过自定义组件的build()函数和@builder装饰器中的声明式UI描述语句构建相应的UI。
爱吃土豆丝的打工人·2023-10-09 19:22

Angular学习笔记-自定义组件实现数据双向绑

学过Angular的同学都知道，输入框通过[(ngModel)]实现双向数据绑定，那么自定义组件能不能实现双向数据绑定呢？答案是肯定的。
赵客缦胡缨v吴钩霜雪明·2023-10-09 11:41

vue自定义组件(通过Vue.use()来使用)即install的使用

-----------------组件||插件------------------exportdefault{install(Vue){//重点--->installVue.prototype.$formatMoney=function(s,n){n=n>=0&&n<=20?n:2;s=parseFloat((s+'').replace(/[^\d\.-]/g,'')).toFixed(n)+''
MGLMONSTER·2023-10-09 01:02

angular : 自定义组件双向绑定 [(ngModel)]

NG_VALUE_ACCESSOR用于为表单控件提供ControlValueAccessorinterfaceControlValueAccessor{writeValue(obj:any):voidregisterOnChange(fn:any):voidregisterOnTouched(fn:any):voidsetDisabledState(isDisabled:boolean)?:voi
有生之年～·2023-10-08 13:46

angular4自定义组件非input元素实现ngModel双向数据绑定

在angular里我们一般都是给input元素添加[(ngModel)]="value"实现数据双向绑定，如果想实现自定义的组件上实现ngModel双向数据绑定应该怎么办呐。。。网上找了一下，没看懂记录一下。场景：组件能获取父组件通过ngModel绑定的值，能通过ngModel改变父组件对应的数据。如下代码：<app-child[(ngModel])="appData"></ap
w1366352655·2023-10-08 13:16

html 双向绑定组件,angular6 自定义组件，实现双向数据绑定

在编写组件之前，首先看一下组件的使用方式和效果：app.component：{{testBinding}}其中binding-test标签是自定义组件，利用[()]符号进行双向绑定，下面p标签显示所绑定的值
翠袂天寒·2023-10-08 13:16

Angular自定义组件实现ngModel双向绑定

1.自定义组件ts@Component({selector:'app-custom-tree',templateUrl:'.
sugar_wxx·2023-10-08 13:45

Angular 自定义组件中实现 ngModel 双向绑定

1.自定义组件属性实现值的双向绑定//1.自定义组件中定义需要双向绑定的值//参考：https://angular.cn/guide/two-way-binding@Input()userName:string
遗忘了的自己·2023-10-08 13:44
上一页 9 10 11 12 13 14 15 16 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他