v-model

v-model和:model的区别

场景：在使用el-form时，form上面使用的是:model；而在表单里面的el-input使用的是v-model。那么这两者有什么区别呢？
番茄大大~·2024-01-22 06:37

iView 中DatePicker日期选择器 v-model不生效的情况

场景公司项目前段使用的是iview样式库，在开发的过程中，需要使用到时间选择器使用后发现，输出的时间格式有问题，查看了需要使用到format来设置输出内容，发现不生效百度…1、百度后了解到v-model
m0_62782752·2024-01-21 19:43

vue常用指令有哪些

Vue常用的指令包括：v-model：实现双向数据绑定，用于表单元素的值与Vue实例的数据属性进行关联。
嘘~！·2024-01-21 13:04

Vue的指令

v-model:在表单控件或组件上创建双向绑
猿究院陈安·2024-01-21 13:51

Vue基础入门 - Vue的快速创建、Vue的开发者工具安装及Vue的常用指令（v-model，v-bind，computed计算属性，watch侦听器）

Vue文章目录Vue1什么是Vue2创建Vue实例2.1快速创建2.2插值表达式{{}}2.3响应式特性2.3.1访问与修改3Vue开发者工具安装4Vue中的常用指令4.1内容渲染指令4.2条件渲染指令4.3事件绑定指令4.4属性绑定指令4.5案例-上下页图片翻页4.6列表渲染指令4.7案例-能删除的书架4.8v-for中的key4.9双向绑定指令4.10指令修饰符4.10.1按键修饰符4.10.
美人鱼战士与企鹅男孩合为一体·2024-01-21 12:43

Vue利用vite创建待办事项的部分代码，以及总结

像没用这个vite时，如果在body里面大写组件标签会有报错的情况，还有像在v-model写在组件时，在对应的子组件input里面要写:value="modelValue"，但props里面传的是model-value
- 瑾♛年·2024-01-21 11:55

vue-v-model 双向绑定-编辑弹框修改数据后页面数据跟着更改（取消弹框操作也已经被修改数据），利用 Object.assign解决对象引用同址问题

一般浮框的输入项是用双向绑定v-model。当点击编辑按钮时候把当前行的数据赋值给弹框内并渲染弹框数据。这时候问题就容易出现了：浮框数据改变发现页面数据也跟着改变了。
qq_42753983·2024-01-21 11:54

uniapp组件库Popup 弹出层 的使用方法

组件只提供容器，内部内容由用户自定义#平台差异说明AppH5微信小程序支付宝小程序百度小程序头条小程序QQ小程序√√√√√√√#基本使用弹出层的内容通过slot传入，由用户自定义通过v-model
TechWhiz-晓同·2024-01-21 08:41

【Vue表单】v-model绑定下拉列表

在Vue中要绑定，需要把v-model写在select标签里。代码如下{{curriculum}}{{selectCurriculums}}exportdefault{name:'app',da
德育处主任·2024-01-21 07:28

Element UI 的开关和滑块

基本用法绑定v-model到一个Boolean类型的变量。可以使用active-color属性与inactive-color属性来设置开关的背景色。
辽A丶孙悟空·2024-01-21 01:09

v-model原理

v-model既可以作用于表单元素，也可以作用于自定义组件。无论哪种情况，它都是一个语法糖，最终会生成一个属性和事件。当作用于表单元素视时，vue会根据作用于表单元素类型而生成合适的属性和事件。
_处女座程序员的日常·2024-01-20 17:06

vue3中l和vue2中v-model不同点

vue2比较让人诟病的一点就是提供了两种双向绑定：v-model和.sync，在vue3中，去掉了.sync修饰符，只需要使用v-model进行双向绑定即可。
_处女座程序员的日常·2024-01-20 17:06

vue2中.sync修饰符和v-model的区别

相同点:都是语法糖,都可以实现父子组件中的数据的双向通信;不同点:格式不同:v-model=“age”,:age.sync=“age”绑定的事件不同:v-model:@input+:value,:age.sync
_处女座程序员的日常·2024-01-20 16:34

vue3-表单输入绑定

表单输入绑定获取表单输入的值方式：手动连接值绑定和更改事件监听器v-model指令（常用）import { ref } from "vue"// 定义个变量接收输入的内容：const text = ref
王大可996·2024-01-20 15:17

vue自定义组件封装v-model数据双向绑定

vue自定义组件封装v-model数据双向绑定虽然现在有很多优秀的vueui组件框架，但是很多功能还是没有办法达到定制化，所以我们需要自己封装一个符合自己的组件话不多说贴代码子组件*  
萧潇墨·2024-01-20 13:22

看完必会的经典操作：vue如何通过对搜索框的输入，对内容进行检索并展示

计算属性（依赖发生变化时，进行计算）在组件的data选项中定义一个searchText变量，用于保存搜索框中的输入内容，定义一个数组items用来预先定义被检索的内容2.在模板中添加一个搜索框，并使用v-model
^^为欢几何^^·2024-01-20 09:39

vue使用select

下拉.pngvue{{item.label}}//1、用v-model="ARModel.id"会出问题，理解v-model和@change的区别与相同js//on-change事件switchAR(item
懒羊羊3号·2024-01-20 07:19

【Vue技巧】vue3中不支持.sync语法糖的解决方案

在Vue3中，推荐使用v-model或是自定义事件来实现类似的功能。以下是如何在Vue3中替代.sync的两种方法：使用v-model在Vue3中，v-model可以
海鲸AI·2024-01-19 19:46

自定义组件使用 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

前端笔试题（一）

利用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

实现v-model功能组件实例

实现v-model功能组件实例vModel.vue:exportdefault{name:"vModel",props:["value"],methods:{change(event){if(event.inputType
清汤饺子·2024-01-19 03:33

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

Vue2所学总结

目录一、初始vue1、什么是Vue2、vue的特点二、Vue模板语法Vue模板语法主要有几种插值：指令：三、数据绑定（1）单向绑定(v-bind)（2）双向绑定(v-model)四、el与data的两种写法
娃哈哈哈哈呀·2024-01-18 08:58

组件v-model（.sync）记录使用（vue3）

示例（演示地址）以下是Vue3中使用v-model实现组件的双向数据绑定的示例代码：首先，让我们来了解一下Vue3中v-model的用法。
月照一江秋水·2024-01-18 07:46

2019-05-15 关于在vue中用条件筛选遇到的问题

在使用vue中用v-model进行数据双想绑定的时候，可能会遇到不想筛选完之后就直接把筛选条件直接绑定到请求参数params，而是想点击了查询按钮之后再进行发请求实现筛选。
qiaoguoxing·2024-01-17 20:20

父组件中通过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

解决vue3中不支持.sync语法糖

在Vue3中，推荐使用v-model或是自定义事件来实现类似的功能。
前端玖耀里·2024-01-17 13:15

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

vue项目 el-input 组件 监听回车键实现搜索功能

在methods方法集里，写上监听的方法，当获取的v-model里的值，按下了回车键，如果需要监听空格或者其他键，换成别的键值searchEnter(){//控制一下，如果用户没输入东西就不去搜索if(
srz1128·2024-01-17 12:36

前端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语法糖.sync

这也是平时在分装组件的时候很好用的一个语法糖，它的实现机制和v-model是一样的。当你有需要在子组件修改父组件值的时候这个方法很好用
船长在船上·2024-01-17 08:34

vue的sync语法糖的使用

在Vue中，.sync语法糖的使用方法如下：在父组件中，使用v-model指令将子组件的prop与父组件的数据进行双向绑定，并在子组件中通过监听一个由父组件传递下来的prop的变化，当prop值发生变化时
无妄的罪·2024-01-17 08:01

vue3 v-model自定义修饰符写法

在vue3v-model是破坏性的更新的c-model在组件也很重要v-model是一个语法糖由emit+props组合而成1.默认值改变props:value==》(vue3)modelValue事件
@小朱呀路·2024-01-16 19:24

vue中v-model的修饰符

v-model的修饰符文章目录v-model的修饰符简单自我总结代码示例简单自我总结lazy:懒加载，输入的数据不会马上同步绑定回去，要在按下回车或者失去焦点后.number:v-model默认是string
九分柠·2024-01-16 19:54

【vue】v-model的修饰符

说明：为了减少一些不必要的麻烦或者校验，再次记录一些v-model的修饰符使用1、lazy修饰符用户使用v-model之后，用户每次修改输入内容，都会将后台的数据同时绑定，为了避免这种情况的发生，使用lazy
厨樱·2024-01-16 19:22

Vue中的v-model

聚沙成塔·每天进步一点点本文内容⭐专栏简介基本用法文本输入框复选框下拉框原理解析文本输入框的原理复选框和下拉框的原理⭐写在最后⭐专栏简介Vue学习之旅的奇妙世界欢迎大家来到Vue技能树参考资料专栏！创建这个专栏的初衷是为了帮助大家更好地应对Vue.js技能树的学习。每篇文章都致力于提供清晰、深入的参考资料，让你能够更轻松、更自信地理解和掌握Vue.js的核心概念和技术。订阅这个专栏，让我们一同踏上
几何心凉·2024-01-16 19:21

Vue中父子组件通信

聚沙成塔·每天进步一点点本文内容⭐专栏简介Vue中父子组件通信1.Props父组件：子组件：2.自定义事件子组件：父组件：3.使用`v-model`子组件：父组件：4.使用`$refs`子组件：父组件：
几何心凉·2024-01-16 19:21

Vue中的v-model绑定修饰符

聚沙成塔·每天进步一点点本文内容⭐专栏简介1.`.lazy`修饰符的原理2.`.number`修饰符的原理3.`.trim`修饰符的原理⭐写在最后⭐专栏简介Vue学习之旅的奇妙世界欢迎大家来到Vue技能树参考资料专栏！创建这个专栏的初衷是为了帮助大家更好地应对Vue.js技能树的学习。每篇文章都致力于提供清晰、深入的参考资料，让你能够更轻松、更自信地理解和掌握Vue.js的核心概念和技术。订阅这个
几何心凉·2024-01-16 19:49

[vue/valid-v-model]‘v-model‘ directives require the attribute value which is valid as LHS.

在写项目的过程中，遇到如下问题：该问题是由于给v-model绑定值时，绑定了一个条件值或计算值v-model="scope.status==='1'?
煸橙干儿~~·2024-01-16 18:03

Vue v-model 详解

✨专栏介绍在当今Web开发领域中，构建交互性强、可复用且易于维护的用户界面是至关重要的。而Vue.js作为一款现代化且流行的JavaScript框架，正是为了满足这些需求而诞生。它采用了MVVM架构模式，并通过数据驱动和组件化的方式，使我们能够更轻松地构建出优雅而高效的Web应用程序。在本专栏中，我们将深入学习Vue.js的核心概念、组件开发、状态管理、路由和性能优化等方面的知识。无论你是初学者还
俊刚、·2024-01-16 14:00

el-date-picker的使用

在做项目的时候用到了element-plus组件里的el-date-picker需求是默认是当前的年份，然后可以切换年份并请求列表更换数据所以就需要先给组件赋一个默认当前年份的值再就是获取到更改后的年份1，绑定一个v-model
我爱学习yq·2024-01-16 13:32

vue.js响应式原理解析与实现—实现v-model与{{}}指令 【转】

今天，我们就基于上一节的代码，来实现一个MVVM类，将其与html结合在一起，并且实现v-model以及{{}}语法。tips:本节新增代码（去除注释）在一百行左右。
乙哥驿站·2024-01-16 12:00

表单输入绑定

使用v-model(双向数据绑定)自动收集数据text/textareacheckboxradioselectHTML:用户名:密码:性别:女男爱好:篮球足球乒乓城市:未选择{{city.name}}介绍
牛耀·2024-01-16 11:04

【Vue自定义指令详细介绍】

Vue自定义指令详细介绍1.自定义指令1.1局部1.2全局1.自定义指令在Vue.js中，除了默认提供的核心指令（如v-model、v-show、v-if等），Vue.js也允许注册自定义指令，自定义指令给你提供了一种方法来扩展
程序员不想YY啊·2024-01-16 09:21

前端笔试题（一）

1.vue如何实现数据的双向绑定利用v-model来实现双向数据绑定通过Object.defineProperty()来劫持各个属性的setter，getter，在数据变动时发布消息给订阅者，触发相应的监听回调来渲染视图
哎亚亚哎亚亚·2024-01-15 19:50

vue中常用的 v- 指令和自定义指令

v-elsev-else-ifv-pre不编译{{}}v-cloak使用v-cloak能够解决插件表达式闪烁的问题v-once告诉浏览器的Vue编译器,只渲染该元素或组件一次v-show元素是否显示或隐藏v-model
小棋子js·2024-01-15 17:11
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他