v-model

el-checkbox-group获取选中的id 禁止选中已有项

item_==item.name)":label="item.name">这里绑定的checkModel是一个包含选中的label的数组注意:el-checkbox-group所对应v-model必须是数组格式
Donmind29·2023-10-11 13:09

elementUI的el-switch的使用

工作记录背景：el-switch绑定值的问题第一种：v-model绑定布尔值exportdefault{name:"home",data(){return{//页面加载初始化为开启状态value:true
好记性真不如烂笔头·2023-10-11 09:53

vue3 组件v-model绑定props里的值，修改组件的值要触发回调

很早之前就写了，一直没写篇博客记录下constemit=defineEmits(['update:type']);constprops=defineProps({type:{type:String,default:''},});consttypeVal=computed({get(){returnprops.type;},set(value){emit('update:type',value);}
爱学习的小康·2023-10-10 15:51

vue前端——文件类型输入框自动清空 实现及vue cannot set property ‘value‘ of null报错处理

页面：html代码：实现：一开始想法是在取消按键里绑定清空方法，仅设置了将上面两个箭头指向的v-model置为“”,但是报错，再次点击选取文件时，就无法选取同样的文件。
zoeezym·2023-10-10 15:06

vue3中v-model语法糖

v-model语法糖写在前面目标：现在vue3的使用越来越普遍了，vue3这方面的学习我们要赶上，今天说一下vue3中v-model语法糖的使用,想了解vue2中的v-model可以去看我之前的文章。
酌白楼·2023-10-10 03:26

vue中v-model的原理是什么？v-model作用在组件上的原理是什么？sync修饰符的原理是什么？

vue中v-model的原理是什么？
是三好·2023-10-09 20:29

Vue3.0入门

v-bind绑定样式：有两种方式对象方式：数组方式：v-on绑定事件：上一张下一张v-if条件渲染：18">成年人未成年v-for循环渲染：{{item.name}}：{{item.content}}v-model
小矮多·2023-10-09 18:43

前端扯犊子之三Vue3（一）

v-html指令用于输出html代码v-bind绑定，可以进行样式绑定【对象（可多个属性、绑定计算属性）、数组（传入多个class、三元表达式、使用对象）、用于组件、内联】v-on指令用于监听DOM事件v-model
wsgdiv·2023-10-09 15:24

vue+elementui 同时获取el-select选择器绑定的value值和label值

项目需求：表单中下拉选择单位名称（数据从接口获得），提交表单时，同时提交选定单位的departId和departName（即同时获取el-select绑定的value值和label值）el-select的v-model
贺包蛋·2023-10-09 14:29

vue.js指令 逻辑运算符 分支结构 随机数

vue.js指令v-for="循环v-model=''双向绑定，用于表单元素v-on:事件名='函数名绑定一个事件，简写@click=''v-bing:属性名=''绑定一个属性，简写：属性名='值'v-show
滚动的小熊·2023-10-09 07:53

vue-4

一、文章内容概括1.组件的三大组成部分（结构/样式/逻辑）scoped解决样式冲突/data是一个函数2.组件通信组件通信语法父传子子传父非父子通信（扩展）3.进阶语法v-model原理v-model应用于组件
是三好·2023-10-09 03:14

vue-2

一、文章内容概括1.指令补充指令修饰符v-bind对样式增强的操作v-model应用于其他表单元素2.computed计算属性基础语法计算属性vs方法计算属性的完整写法成绩案例3.watch侦听器基础写法完整写法
是三好·2023-10-09 02:44

【Vue】各v-指令用法

v-text二、渲染元素2.1、v-show2.2、v-if、v-else、v-else-if2.3、v-for三、绑定元素3.1、方法绑定v-on或`@`3.2、属性绑定v-bind或`:`3.3、双向绑定v-model
一颗不甘坠落的流星·2023-10-08 23:16

Vue2基础-指令语法合集（HTML版）

目录一、v-bind指令二、v-on指令三、v-model四、v-text和v-html五、v-show和v-if六、v-for一、v-bind指令给标签属性设置vue变量的值，多用于设置href、style
大脑不能为空·2023-10-08 23:45

Vue v-model语法糖

v-model语法糖我们可以使用v-model对input进行双向绑定v-model语法糖本质是:value="message"@input="onInput"如果使子组件接收props:value并且
wdapp·2023-10-08 21:52

Vue这些修饰符帮我节省20%的开发时间

v-model~而我们的修饰符正是为了简化这些东西而存在的.lazy{{value}}image.png从这里我们可以看到，我们还在输入的时候，光标还在的时候，下面的值就已经出来了，可以说是非常地实时。
源大侠·2023-10-08 19:59

全网火爆Vue2.0-Vue3.0学习笔记

Vue.js是渐进式JavaScript框架，是一个非常优秀的渐进式框架双向绑定和单向绑定v-bind:单向绑定（data流向页面，v-bind：value可以省略为：value）v-model:双向绑定
小王要一直努力噢·2023-10-08 16:54

vue的@change的用法

双向绑定：通常，你会将@change事件与v-model一起使用。v-model是Vue.js提供的一种指令，用于实现表单元素和数据之间的双向绑定。
Miaow.Y.Hu·2023-10-08 09:52

v-model和v-bind的区别？

v-model和v-bind是Vue.js中常用的指令，但有不同的用途和行为。v-model：v-model是用于在表单元素（比如输入框、复选框、单选按钮等）和Vue实例的数据之间创建双向绑定。
Tang_Monk·2023-10-08 09:37

Vue2学习计划五：v-on、v-model、v-if、v-for和v-show

一、v-on事件监听1.1v-on基本使用我们前面学习了，{{}}和v-bind，这两货可以让我们将Vue实例中的数据绑定到DOM中。那么，产品经理又开始有奇怪的需求了，比如我们要点击按钮更换图片怎么办？怎么办呢？我们目前只会将数据绑定到DOM上，如何监听DOM里的事件，然后作用到Vue实例数据上呢？别急，这正是今天要学的v-on的主场。产品经理太可恶，我们实现一个其他的事件监听案例，实现一个计数
wanglz·2023-10-08 07:33

el-tabs(标签栏)的入门学习

）模块的最上方会显示我们的标签栏集合，点击不同的导航栏，标签栏会在不断追加，若点击到标签集合中已存在，就进入选中指定的标签栏，显示页面知识点el-tabs嵌套el-tab-pane使用el-tabs的v-model
ok060·2023-10-08 05:09

uni-app如何监听input输入，小写变成大写，并且过滤掉不想要的字符？！

不废话，直接上代码：输入框准备完毕，因为要自己监听输入，因此把v-model拆分使用，input的方法是重点过滤方法//过滤vin输入vinInput(e){letv
山野里的小菊花·2023-10-08 04:14

Vue中的数据绑定

二、v-model双向数据绑定单向数据绑定中，数据不仅能从data流向页面，还能从页面流向dat
寻霖·2023-10-07 23:55

Vue自定义组件v-model实现双向数据绑定-Select下拉框

1、创建VModelSelect组件，代码如下：项1项2项3exportdefault{model:{prop:'value',event:'change'},props:{value:{type:String,default:''}}}2、引用VModelSelect组件，代码如下：当前选择项：{{mocelSelectValue}}importVModelSelectfrom'@/compon
xu_jinhuai·2023-10-07 19:33

vue 父组件向子组件通过props传递不同数据类型的问题

父组件代码////子组件代码通过v-model来改//exportdefault{//如果props传过来是对象和数组的话，直接修改是没有报错的//需要注意的是，子组件改对象或数组内容的话会直接影响到父组件的东西
Billy Feng·2023-10-07 17:58

在vue2中，v-model和.sync的区别

最近在封装一个弹窗组件时，用了比较复杂的逻辑去做显示和隐藏的逻辑，在查看同事的代码之后，才知道还有更简单的方法，自己已经忘了一些API.popup组件里统一的template：//弹窗内容自己的方法：data(){return{isShowPopup:false,}},methods:{showPopup(){this.isShowPopup=true},closePopup(){this.isS
Billy Feng·2023-10-07 17:25

当使用element中的日期选择器el-time-picker，时间选不上

当使用el-time-picker时v-model绑定的formInline.value1默认值要是为空数组[],则这个时间选择器滑动选择时间是有问题的，可以在数组中设置默认时间，解决这个问题，但是当这个组件时查询框的时候首次是不应该存在默认值的这时候就可以将
w宇宙王·2023-10-07 15:34

vue重修004【下部】

文章目录版权声明非父子通信eventbus事件总线实现步骤代码演示非父子通信-provide&inject语法注意代码演示v-model原理表单类组件封装&v-model简化代码.sync修饰符语法代码示例
缘友一世·2023-10-07 09:43

el-date-picker使用以及常见bug解决

不指定则绑定值为Date对象,也就是v-model绑定的值格式align="center":建议写上,之前因为版本的问题用这个组件报错了,加了这个之后就不报错了效果是这样的v-model绑定的值date
请叫我欧皇i·2023-10-06 13:39

el-date-picker增加默认值 修改样式

预期效果默认是这样的但希望是直接有一个默认的当天日期，并且字体颜色啥的样式也要修改（在这里假设今天是2023/10/6功能实现踩了坑挺多坑的，特此记录官方文档按照官方的说明，给v-model绑定一个字符串就可以了在
珊珊而川·2023-10-06 13:34

vue3使用v-model控制子组件进行双向数据绑定

$emit("update:isShow",false);具体代码就不粘贴了vue3写法:父组件核心代码:v-model:a="xxx"子组件核心代码:defineProps({a:数据类型,//父页面传递的数据
qq_42750608·2023-10-06 05:24

Web前端-Vue2+Vue3基础入门到实战项目-Day2(指令补充, computed计算属性, watch侦听器, 水果购物车)

Web前端-Vue2+Vue3基础入门到实战项目-Day2指令补充指令修饰符v-bind对样式控制的增强控制class案例-京东秒杀tab导航高亮控制style案例-控制进度条v-model应用于其他表单元素
Y_cen·2023-10-05 14:26

Vue前端获取文件，后端Java获取文件后上传到FTP服务器上

fileList)":on-change="filechangeUpload":on-exceed="filehandleExceed":on-error="fileuploadError":limit="3"v-model
编不出代码的女程序员·2023-10-05 03:31

v-model

面试题：请阐述一下v-model的原理v-model即可以作用于表单元素，又可作用于自定义组件，无论是哪一种情况，它都是一个语法糖，最终会生成一个属性和一个事件当其作用于表单元素时，vue会根据作用的表单元素类型而生成合适的属性和事件
monkey-papa·2023-10-04 19:02

【Vue3】自定义指令

除了Vue内置的一系列指令(比如v-model或v-show)之外，Vue还允许你注册自定义的指令(CustomDirectives)。
小谢sd·2023-10-04 17:47

【Vue3】v-model

v-model基本用法prop:modelValue事件：update:modelValue我是父组件isShow:{{isShow}}开关import{ref,reactive,isShallow}from"vue
谢尔登·2023-10-03 07:02

vue2与vue3 v-model的区别

目录Vue2中的v-model默认使用自定义使用修饰符.sync(Vue2)Vue3.x使用v-modelvue3的v-model使用原理多个v-model使用总结Vue2中的v-model在Vue2中
前端 贾公子·2023-10-03 02:12

html+css+vue面试

v-model的实现，双向绑定的原理我们已经知道实现数据的双向绑定，首先要对数据进行劫持监听，所以我们需要设置一个监听器Observer，用来监听所有属性。
wanghuohuo1998·2023-10-02 23:36

mint-ui官方文档的补充（都是自己踩的坑）

说实话mint-ui的文档写的真是放飞自我，有很多功能文档里根本没有写，这就导致我们走很多弯路，还有个地方v-model写成v-modal，忘记在哪了不知道改没改。。。
__黑·2023-10-02 20:00

vue双向数据绑定

v-model指令在表单、及元素上创建双向数据绑定
一卿先森·2023-10-02 15:13

vue中是如何实现数据双向绑定的（底层原理）

一、v-model介绍在Vue中，数据的双向绑定是通过指令v-model来实现的。v-model指令可以将表单元素的值与Vue实例中的数据属性进行绑定，使得它们在双向修改。
余生tt·2023-10-02 05:53

v-model实现简单计算器功能

案例篇：v-model实现简单计算器功能初始化：新建一个项目，index.html。
不喜欢甜的土豆·2023-10-01 21:03

Vue修饰符的总结归纳（Vue2和Vue3通用）

目录一、v-model修饰符1..lazy修饰符2.number修饰符3.trim修饰符二、事件修饰符1..stop修饰符2..prevent修饰符3..capture修饰符4..self修饰符5..once
小五Five·2023-10-01 14:18

Vue2（一）：初识Vue、模板语法、数据绑定、el和data的两种写法、MVVM、数据代理、事件

Vue2学习笔记：第一章一、初识Vue1.Vue的特点2.Vue实例中的el和data3.总结二、模板语法1.插值语法2.指令语法三、数据绑定1.单向数据绑定（v-bind）2.双向数据绑定（v-model
DantinZhang·2023-10-01 12:29

Vue学习记录——数据绑定、el和data两种写法、MVVM模型

Vue学习记录容器和实例是一一对应的关系数据绑定v-bind和v-modelv-bind是单向绑定不能通过界面修改数据v-model是双向绑定可以通过界面修改数据v-model的使用是有范围的，只能应用在表单类元素类
想做合格的前端程序员·2023-10-01 12:59

Vue学习002-数据绑定-el与data的两种写法-mvvm模型

1.分为单向和双向数据绑定1.1单向数据绑定：只存在从Vue数据到实例这个方向，而当前端改变时，后台的Vue里的数据不变.如图1.2双向绑定一般有value值用于双向，如表单v-model:value简写
玛卡巴咖·2023-10-01 12:28

Vue

VUE.js基本命令v-if||v-for:条件与循环v-model:为页面输入框进行数据双向绑定v-on||@click:为页面元素绑定各种事件v-bind:class||:class：给页面标签的一个属性
楼水流云·2023-10-01 06:00

Vue3.0——常用的Composition API（监听属性、生命周期、Teleport、属性、自定义事件、状态驱动的动态 CSS、注册组件、uspense、 isRef等）

新增的生命周期钩子9.Teleport10.属性1.组件内部还是可以用2.02.vue3组件内部组合式APIsetup中取属性值3.setup语法糖中获取属性值11.自定义事件1）事件名2)定义自定义事件3)`v-model
爱喝牛奶~·2023-10-01 01:54

el-date-picker的使用

在做项目的时候用到了element-plus组件里的el-date-picker需求是默认是当前的年份，然后可以切换年份并请求列表更换数据所以就需要先给组件赋一个默认当前年份的值再就是获取到更改后的年份1，绑定一个v-model
BJYXSZD-9185·2023-09-30 22:48

vue+element select树形下拉

组件页面代码（新增multiple多选模式默认false）exportdefault{name:'TreeSelect',props:{//v-model绑定value:{type:[String,Number
5335ld·2023-09-30 19:35
上一页 13 14 15 16 17 18 19 20 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他