E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
v-model自定义组件
vue2中.sync修饰符和
v-model
的区别
相同点:都是语法糖,都可以实现父子组件中的数据的双向通信;不同点:格式不同:
v-model
=“age”,:age.sync=“age”绑定的事件不同:
v-model
:@input+:value,:age.sync
_处女座程序员的日常
·
2024-01-20 16:34
vue
前端
js
javascript
vue.js
鸿蒙开发系列教程(七)--ArkTS语言:状态管理
自定义组件
拥有变量,变量必须被装饰器装饰才可以成为状态变量,状态变量的改变会引起UI的渲染
huazi99
·
2024-01-20 16:47
前端
大数据
鸿蒙
harmonyos
华为
vue3-表单输入绑定
表单输入绑定获取表单输入的值方式:手动连接值绑定和更改事件监听器
v-model
指令(常用)import { ref } from "vue"// 定义个变量接收输入的内容:const text = ref
王大可996
·
2024-01-20 15:17
vue3
前端
javascript
vue.js
vue
HarmonyOS4.0系列——07、
自定义组件
的生命周期、路由以及路由传参
自定义组件
的生命周期允许在生命周期函数中使用Promise和异步回调函数,比如网络资源获取,定时器设置等;页面生命周期即被@Entry装饰的组件生命周期,提供以下生命周期接口:onPageShow页面加载时触发
Southern Wind
·
2024-01-20 14:47
TS
HarmonyOS
鸿蒙
typescript
前端
harmonyos
vue
自定义组件
封装
v-model
数据双向绑定
vue
自定义组件
封装
v-model
数据双向绑定虽然现在有很多优秀的vueui组件框架,但是很多功能还是没有办法达到定制化,所以我们需要自己封装一个符合自己的组件话不多说贴代码子组件*  
萧潇墨
·
2024-01-20 13:22
uniapp开发H5,刷新浏览器时导致页面栈消失出现的跳转问题不能返回
/index","style":{"navigationStyle":"custom"}}创建导航栏组件(我的项目引入了uview-ui,直接进入u-navbar位置去修改)/*主要是以下这几行代码,
自定义组件
左侧返回按钮事件
Bubluu
·
2024-01-20 11:46
uni-app
服务器
前端
看完必会的经典操作:vue如何通过对搜索框的输入,对内容进行检索并展示
计算属性(依赖发生变化时,进行计算)在组件的data选项中定义一个searchText变量,用于保存搜索框中的输入内容,定义一个数组items用来预先定义被检索的内容2.在模板中添加一个搜索框,并使用
v-model
^^为欢几何^^
·
2024-01-20 09:39
vue.js
vue使用select
下拉.pngvue{{item.label}}//1、用
v-model
="ARModel.id"会出问题,理解
v-model
和@change的区别与相同js//on-change事件switchAR(item
懒羊羊3号
·
2024-01-20 07:19
Uniapp 部署云函数 并通过云函数获取数据渲染至页面
目录一、基本1.新建云函数2.页面里面写代码1.methods中写2.onload()里面3.data里面写4.tab(
自定义组件
中写)5.在tab里写二、优化1.新建js文件2.在新建的js文件中写3
如旧呀
·
2024-01-19 23:50
前端
vue.js
第四讲_ArkTS装饰器(一)
ps:
自定义组件
的build()方法中,不允许调用没有被@Builder装饰的方法1.
文大奇Quiin
·
2024-01-19 22:16
harmonyos应用开发
ArkTS
HarmonyOS
【Vue技巧】vue3中不支持.sync语法糖的解决方案
在Vue3中,推荐使用
v-model
或是自定义事件来实现类似的功能。以下是如何在Vue3中替代.sync的两种方法:使用
v-model
在Vue3中,
v-model
可以
海鲸AI
·
2024-01-19 19:46
vue.js
javascript
前端
自定义组件
使用
v-model
&& 动态指令参数
v-model
是v-bind以及v-on配合使用的语法糖,以下的两者的实现是一致的:一个组件上的
v-model
默认会利用名为value的prop和名为input的事件,但是像单选框、复选框等类型的输入控件可能会将
yaoyao妖妖
·
2024-01-19 16:54
vue3+ts +pinia 自己记录的 写的乱
父传子constprops=defineProps({type:{default:'edit',type:String,},});标签vue3(中没有this)父子组件传参单个父子传参子组件多个父子传参用
v-model
又是取名的一天
·
2024-01-19 15:47
vue.js
前端
javascript
【Vue路由详细介绍】
Vue路由详细介绍1.路由2.使用路由建立多视图单页应用2.1引入依赖库2.2创建
自定义组件
2.3创建路由2.3.1什么是路由2.3.2定义路由2.4创建和挂载根实例2.5使用RouterLink和RouterView
程序员不想YY啊
·
2024-01-19 14:15
vue.js
前端
javascript
vue.js
前端
javascript
java
vue3 自动下载使用 iconify图标以及自定义svg图标
具体操作步骤一、安装包npmi-Dvite-plugin-svg-iconsunplugin-iconsunocss二、
自定义组件
SvgIconimporttype{CSSProperties}from'v
少十步
·
2024-01-19 13:05
vue
icon
vue3
element
plus
前端笔试题(一)
利用
v-model
通过Object.defineProperty()来劫持各个属性的setter,getter,在数据变动时发布消息给订阅者,触发相应的监听回调来渲染视图。
小舟423
·
2024-01-19 09:58
前端
笔记
vue select下拉框数据
v-model
绑定默认不显示的问题
提高页面加载速度,前端代码注意的关键点今天遇到了一个问题,就是我循环出select内的数据以后,发现原本默认显示第一条的select框变成了空白,要选择后才有显示。我写的原始代码如下:{{item}}exportdefault{data(){return{token:'BNB'list:{1001:'NOW-E68',1002:'MITH-C76',1003:'SPNDB-916',1004:'B
躺在家里不干活
·
2024-01-19 04:29
前端
VUE
VUE
Select
数据绑定
v-model
下拉框默认值
实现
v-model
功能组件实例
实现
v-model
功能组件实例vModel.vue:exportdefault{name:"vModel",props:["value"],methods:{change(event){if(event.inputType
清汤饺子
·
2024-01-19 03:33
vue 渲染函数 & JSX
渲染函数render通过渲染函数渲染组件Vue.component('myComponent',{render(h){//createElementreturnh('div',//HTMLtag、
自定义组件
wdapp
·
2024-01-19 03:56
鸿蒙 ArkUI - 常用组件和布局
我们还可以将基础组件组合起来,形成
自定义组件
。1.按钮Button('Ok',{type:ButtonType.Normal,stateEffect:true}) .bor
康帅傅2024
·
2024-01-19 01:43
鸿蒙应用开发
harmonyos
小程序
自定义组件
和生命周期
⾃定义组件声明组件编辑组件注册组件声明引⼊⾃定义组件⻚⾯中使⽤⾃定义组件定义段与⽰例⽅法组件-⾃定义组件传参过程小程序生命周期应用生命周期页面生命周期页面生命周期⾃定义组件类似vue或者react中的
自定义组件
过去日记
·
2024-01-18 21:31
小程序
前端
javascript
vue父子组件
v-model
传值
记录三种常用的父子组件传值1、常规用法(1)父组件传值给子组件,通过props接收父组件的传的值。子组件传值给父组件,通过$emit()事件分发向父组件传值。父组件中定义:isDomDialog传值:子组件中接收:props:{isDomDialog:{type:Boolean,}},data(){return{dialogVisible:false,}},watch:{isDomDialog(v
泡芙123
·
2024-01-18 15:13
vue/react表单检验为空不通过
1、Vue版说明:(1)如果检验未通过,input框的border-color会变成红色;(2)ref的值和
v-model
绑定值的key必须一样才能生效;提交data(){return{formData
康健健健
·
2024-01-18 13:06
表单校验
vue.js
reactjs
OpenHarmony ArkUI ETS- 装饰器解读
前言最近利用空闲时间在学习华为方舟开发框架(简称:ArkUI)的ets开发,发现在ets语言中装饰器的有着非常重要的作用,在写每一个
自定义组件
时都需要用到它,看到装饰器这个字眼,想起之前学过的设计模式里的装饰器模式
码中之牛
·
2024-01-18 13:28
OpenHarmony
鸿蒙
移动开发
harmonyos
华为
鸿蒙开发
移动开发
Openharmony
鸿蒙开发之状态管理
@State组件内状态@State装饰的变量,会和
自定义组件
的渲染绑定起来。当状态改变时,UI会发生对应的渲染改变。
凯尔宝宝
·
2024-01-18 08:05
鸿蒙
Vue2所学总结
目录一、初始vue1、什么是Vue2、vue的特点二、Vue模板语法Vue模板语法主要有几种插值:指令:三、数据绑定(1)单向绑定(v-bind)(2)双向绑定(
v-model
)四、el与data的两种写法
娃哈哈哈哈呀
·
2024-01-18 08:58
vue.js
组件
v-model
(.sync)记录使用(vue3)
示例(演示地址)以下是Vue3中使用
v-model
实现组件的双向数据绑定的示例代码:首先,让我们来了解一下Vue3中
v-model
的用法。
月照一江秋水
·
2024-01-18 07:46
javascript
前端
vue.js
element-plus虚拟化表格组件el-table-v2渲染
自定义组件
的其中两种方式(js和jsx)及注意事项
在使用element-plus的虚拟表格化组件el-table-v2渲染数据和组件的方法时,由于官网的使用示例中只有ts或tsx版,文章则是使用js和jsx的示例及一些虚拟化表格组件的注意事项。注意事项:在设置columns属性时,其中的宽度字段(width)必须设置值(只能是数字类型)且每一列都要设置,不然会出现数据不显示或是只显示一列的情况。截止element-plus2.4.2版本,官方提示
上官熊猫
·
2024-01-17 20:37
vue
element-plus
vue
element-plus
javascript
2019-05-15 关于在vue中用条件筛选遇到的问题
在使用vue中用
v-model
进行数据双想绑定的时候,可能会遇到不想筛选完之后就直接把筛选条件直接绑定到请求参数params,而是想点击了查询按钮之后再进行发请求实现筛选。
qiaoguoxing
·
2024-01-17 20:20
微信小程序-组件详解
my-test1":"/components/Test1/Test1","my-test2":"/components/test2/test2"},2.页面使用需要使用组件的页面配置调用组件样式隔离默认情况下,
自定义组件
的样式只受到
自定义组件
Apesource-吉
·
2024-01-17 18:41
微信小程序
小程序
父组件中通过
v-model
来显示子组件
方法一父组件示例:子组件示例:exportdefault{props:{value:{type:Boolean,default:false,},recordData:{type:Array,default:()=>[],}},watch:{value(newValue,old){this.opreate=newValue}},data(){return{opreate:false,header:[
坚书直实i
·
2024-01-17 16:48
java
前端
javascript
Angular系列教程之单向绑定与双向绑定
文章目录介绍单向绑定双向绑定在
自定义组件
中实现双向绑定属性总结介绍在Angular开发中,数据的绑定是非常重要的概念。它允许我们将应用程序的数据与用户界面进行交互,实现数据的动态更新。
偏安zzcoder
·
2024-01-17 16:43
Angular
javascript
前端
angular
.Net Core WebApi 3.1 处理父类控制器HttpContext为null
官网关于HttpContext使用说明参考:通过
自定义组件
使用HttpContexthttps://docs.microsoft.com/zh-cn/aspnet/core/fundamentals/http-context
FS_915
·
2024-01-17 15:53
解决vue3中不支持.sync语法糖
在Vue3中,推荐使用
v-model
或是自定义事件来实现类似的功能。
前端玖耀里
·
2024-01-17 13:15
vue.js
vue.js
前端
javascript
vue:input框使用
v-model
绑定值之后无法修改绑定值
日常给自己挖坑:搬来的砖,一个没注意的小细节就自己挖了个大坑上代码:methods:{//获取新增页面的默认电话号码getAreaAndBankName(){apiRequest//apiRequest是一个封装的axiaos请求.get("/PrefabricateCardManager/getLoginInfo").then(res=>{this.formLabel.phone=res.dat
BTBIG@Mr. Chen
·
2024-01-17 13:10
HTML
随手记
vue
vue
javascript
vue项目 el-input 组件 监听回车键实现搜索功能
在methods方法集里,写上监听的方法,当获取的
v-model
里的值,按下了回车键,如果需要监听空格或者其他键,换成别的键值searchEnter(){//控制一下,如果用户没输入东西就不去搜索if(
srz1128
·
2024-01-17 12:36
vue.js
elementui
javascript
TodoList
在React中,“TodoList”可以是一个
自定义组件
,用于展示和管理待办事项列表。它可以是一个类组件或函数式组件,具体的实现方式取决于开发者的偏好。
Zy000428
·
2024-01-17 11:49
前端
javascript
开发语言
前端TS项目中遇到过的难点(二)
12.根据关键字搜索通过双向数据绑定(
v-model
)和相关组件来完成如下效果.........import{useRouter}from"vue-router";//创建路由器对象let$router
Mangcun_tutu
·
2024-01-17 09:30
前端
vue3和vue2
v-model
和sync语法糖区别
随着Vue3的发布,该版本带来了许多新特性和改进,其中包括对
v-model
和sync语法糖的优化。
YoursMsg
·
2024-01-17 08:36
vue
javascript
前端
vue.js
前端框架
es6
vue语法糖.sync
这也是平时在分装组件的时候很好用的一个语法糖,它的实现机制和
v-model
是一样的。当你有需要在子组件修改父组件值的时候这个方法很好用
船长在船上
·
2024-01-17 08:34
Vue
vue
vue的sync语法糖的使用
在Vue中,.sync语法糖的使用方法如下:在父组件中,使用
v-model
指令将子组件的prop与父组件的数据进行双向绑定,并在子组件中通过监听一个由父组件传递下来的prop的变化,当prop值发生变化时
无妄的罪
·
2024-01-17 08:01
vue.js
前端
javascript
【antd】如何借助antd Form实现自定义表单校验(模拟antd校验效果)
articleId=134720990当我们做
自定义组件
时,偶尔会有迫不得已需要自己修改antd默认校验文案的位置的时候,可以看这篇文章。
hzxOnlineOk
·
2024-01-17 08:48
前端
vue
自定义组件
:中线分割拖动盘
组件效果:源码:新建一个名为MiddleMoveLine.vue的文件,在使用处引入声明即可我是第一个panA我是第二个panA我是第二个panB-->exportdefault{name:"MiddleMoveLine",props:{//父组件传递过来的数据direction:{//描述分割中线的方向、样子default:'x'//x--中线在x轴即左右方向分割成x方向上的A、B两份},saf
许多仙
·
2024-01-16 20:32
vue.js
前端
javascript
微信小程序开发 - 必备理论知识
文章目录小程序开发必备理论知识一、
自定义组件
1.
自定义组件
-组件的创建与引用1.1创建组件1.2引用组件1.3局部引用组件1.4全局引用组件1.5全局引用VS局部引用1.6组件和页面的区别2.
自定义组件
csdn小瓯
·
2024-01-16 20:10
微信小程序
微信小程序
小程序
vue3
v-model
自定义修饰符写法
在vue3v-model是破坏性的更新的c-model在组件也很重要
v-model
是一个语法糖由emit+props组合而成1.默认值改变props:value==》(vue3)modelValue事件
@小朱呀路
·
2024-01-16 19:24
vue3
vue.js
前端
javascript
vue中
v-model
的修饰符
v-model
的修饰符文章目录
v-model
的修饰符简单自我总结代码示例简单自我总结lazy:懒加载,输入的数据不会马上同步绑定回去,要在按下回车或者失去焦点后.number:
v-model
默认是string
九分柠
·
2024-01-16 19:54
vue
js
html5
vue.js
【vue】
v-model
的修饰符
说明:为了减少一些不必要的麻烦或者校验,再次记录一些
v-model
的修饰符使用1、lazy修饰符用户使用
v-model
之后,用户每次修改输入内容,都会将后台的数据同时绑定,为了避免这种情况的发生,使用lazy
厨樱
·
2024-01-16 19:22
vue
vue.js
javascript
前端
Vue中的
v-model
聚沙成塔·每天进步一点点本文内容⭐专栏简介基本用法文本输入框复选框下拉框原理解析文本输入框的原理复选框和下拉框的原理⭐写在最后⭐专栏简介Vue学习之旅的奇妙世界欢迎大家来到Vue技能树参考资料专栏!创建这个专栏的初衷是为了帮助大家更好地应对Vue.js技能树的学习。每篇文章都致力于提供清晰、深入的参考资料,让你能够更轻松、更自信地理解和掌握Vue.js的核心概念和技术。订阅这个专栏,让我们一同踏上
几何心凉
·
2024-01-16 19:21
前端小常识
vue.js
前端
javascript
Vue中父子组件通信
聚沙成塔·每天进步一点点本文内容⭐专栏简介Vue中父子组件通信1.Props父组件:子组件:2.自定义事件子组件:父组件:3.使用`
v-model
`子组件:父组件:4.使用`$refs`子组件:父组件:
几何心凉
·
2024-01-16 19:21
前端小常识
vue.js
前端
javascript
Vue中的
v-model
绑定修饰符
聚沙成塔·每天进步一点点本文内容⭐专栏简介1.`.lazy`修饰符的原理2.`.number`修饰符的原理3.`.trim`修饰符的原理⭐写在最后⭐专栏简介Vue学习之旅的奇妙世界欢迎大家来到Vue技能树参考资料专栏!创建这个专栏的初衷是为了帮助大家更好地应对Vue.js技能树的学习。每篇文章都致力于提供清晰、深入的参考资料,让你能够更轻松、更自信地理解和掌握Vue.js的核心概念和技术。订阅这个
几何心凉
·
2024-01-16 19:49
前端小常识
vue.js
前端
javascript
上一页
2
3
4
5
6
7
8
9
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他