v-model

uniapp如何添加多个表单数组？

data中定义一个数组，用于存储表单项的数据2.在模板中使用v-for指令渲染表单项3.在methods中定义添加和删除表单项的方法每点击一次“添加表单项”按钮，就会新增一个表单项并且你可以通过输入框的v-model
秃头馒头·2024-01-30 10:13

this.$set的用法

作用：在data里面绑定的数据具有响应式的效果,也就是我们说的V-Model数据更新视图,视图也能更新数据，如果不是data里面的数据如何添加响应式呢？this.
如果决定要走又何必挽留·2024-01-30 09:50

数据双向绑定v-modal

input的v-model就是通过封装一个input组件，v-model实现两个注意点：假设不是使用的value属性和input事件，而是使用string属性和strChange事件。
前端碎碎念·2024-01-30 02:35

uniapp upload-file-picker 上传图片

一是图片上传提交信息给接口然后编辑的时候无法回选，二是体验版上面上传图片无法显示，但是开启调试工具可以成功显示，网上说没在微信后台添加合法域名但是不知道这个插件的上传路径是啥解决方案一如下如果是页面需要编辑状态下，回选的时候需要将v-model
只诉温暖不言殇_cc03·2024-01-29 14:47

表单的总数据为什么可以写成一个空对象，不用具体的写表单中绑定的值，vue3

constform=ref({})from为空对象在v-model里写form.name,其实就是在form这个空对象里添加了一个键名为name的成员，你不用在script标签的form对象里面特意写name
深一海·2024-01-29 06:40

前端Vue select 下拉框详解以及监听事件

Vue的数据绑定和指令（如v-model和v-for）可以使创建动态下拉框变得非常简单和灵活。下面详细介绍如何在Vue中使用下拉框。使用详解下拉框的基本HTML结构是由元素包围一组元素构成。
A乐神·2024-01-29 05:44

vue3使用最新的属性defineModel实现父子组件数据响应式绑定

子父之间使用v-model双向绑定数据，子组件每次都要写emit和props觉得麻烦？
1024小神·2024-01-29 02:25

Vue面试题

v-model双向数据绑定；v-for循环；v-if,v-
库猿·2024-01-28 23:10

vue编辑本行数据后，取消，恢复原数据

v-model的双向绑定使得修改后的数据，无法恢复到原数据，就在点击编辑的时候暂存原数据，一种是用临时存储:uni.setStorageSync,另一种是用Object.assign，点取消按钮后重新赋值恢复原数据
空我我·2024-01-28 21:49

Vue常用特性

1.0表单相关1.1表单基本操作获取文本框的值(略)获取单选框中的值通过v-model男女newVue({data:{//默认会让当前的value值为2的单选框选中gender:2,},})获取复选框中的值通过
Gao_xu_sheng·2024-01-28 14:18

vue3+naiveUI二次封装的v-model 联动输入框

description自定义输入框组件**/exportdefault{name:'ClwInput',props:{placeholder:{type:String,default:'',},//父组件v-model
美酒没故事°·2024-01-28 12:24

综合案例 - 商品列表

文章目录需求说明1.my-tag组件封装（完成初始化）2.may-tag封装（控制显示隐藏）3.my-tag组件封装（v-model处理：信息修改）4.my-table组件封装（整个表格）①数据不能写死
W`hite·2024-01-28 06:25

用vue写表格实现数量的加减

可以使用Vue的v-model和计算属性来实现表格中数量的加减功能。
乐神来了·2024-01-28 05:48

Vue中数据绑定v-bind与v-model

目录1.v-bind单向绑定1.1常用属性绑定1.2class绑定1.3style绑定2.v-model双向绑定2.1普通表单元素绑定2.2特殊表单元素绑定1.v-bind单向绑定vibind可以用来动态地绑定一个标签的属性语法:v-bind:标签属性简写:标签属性1.1常用属性绑定跳转到百度跳转到百度newVue({el:"#app",data:{url:"http://www.baidu.co
丹&d·2024-01-28 03:14

vue指令 v-bind v-on v-model v-text v-html

一、v-bind--给标签属性设置vue变量的值格式：v-bind:原生属性名="vue变量"/:原生属性=“vue变量”1、准备数据data(){return{name:"小vue",obj:{age:9,hobby:"eat",},a:"kk",ceshi:"abc",myLink:"https://www.baidu.com",myImg:"http://www.itcast.cn/2018
Nikki_u·2024-01-28 03:13

elementui 表单数据嵌套过深导致校验不了问题解决

原因elementui中如果需要进行表单校验，表单项的prop和v-model绑定的属性值命名必须要是相同的。而对于多层级的嵌套属性我们应该怎么表示呢？
Jiang_JY·2024-01-28 02:16

elementui 表单 resetFields 方法不生效问题解决

解决方法检查代码看每个表单项的prop与v-model绑定的属性值命名是否相同，不相同的话就会导致resetFields方法不生效的问题，如果存在改正即可。
Jiang_JY·2024-01-28 02:15

表单和v-model

v-modelVUE提供了v-model指令，用于在表单类元素上双向绑定事件input和textarea可以用于input框，以及textarea等注意：所显示的值只依赖于所绑定的数据，不再关心初始化时的插入的
卡布i·2024-01-27 23:02

vue 验证输入框只能输入整数以及只能输入整数和小数

前言不管什么时候做项目都会遇到验证输入框只能输入整数和小数的需求STEP一，输入的必须为正整数，不能输入小数点，这个参考的是element-ui的校验v-model加.number修饰符，在检验规则里设置
郝艳峰Vip·2024-01-27 16:55

vue3-深入组件-组件 v-model

推荐的实现方式是使用defineModel()宏：const model = defineModel()function update() {  model.value++}  parent bound v-model
王大可996·2024-01-27 06:22

Vue之 el-select下拉框多选的使用

效果如下：nameselectinput的name属性value/v-model绑定值boolean/string/numbervalue-key作为value唯一标识的键名，绑定值为对象类型时必填stringdata
大大。·2024-01-27 01:15

el-select 没被选中是什么原因

当el-select组件没有被选中时，可能有以下原因：数据绑定问题：请确保v-model指令正确绑定到数据属性，并且数据属性的初始值与任一选项的value属性匹配。
zlchen·2024-01-26 23:08

v-on、事件修饰符、v-model、一些常用指令

v-on事件修饰符Vue.js为v-on提供了事件修饰符来处理DOM事件细节，如：event.preventDefault()或event.stopPropagation()。Vue.js通过由点.表示的指令后缀来调用修饰符。.stop-阻止冒泡.prevent-阻止默认事件.capture-阻止捕获.self-只监听触发该元素的事件.once-只触发一次.left-左键事件.right-右键事件
初闻女人香·2024-01-26 22:13

iview表单验证一直提示为空的几个原因？

1.Form上的rules是否配置正确；2.Form-item的prop是否配置正确；3.规则的名称和input的v-model是否对应；4.验证的字段是否响应，新增字段使用this.$set.
rick_zhu·2024-01-26 14:14

Vue——vue3拖拽库Sortablejs

：全面继承Sortable.js的所有功能无缝迁移：适用于Vue3和Vue2灵活使用：支持组件、指令、函数式调用，总有一款是您喜欢的类型强：用TypeScript编写，带有完整的TS文档双向绑定：支持v-model
还需studystudy·2024-01-26 14:07

Vue3-在HTML标签、组件标签上使用v-model

目录一、Vue3介绍二、HTML标签三、HTML组件四、Vue3使用v-model一、Vue3介绍Vue3是一种用于构建用户界面的现代化JavaScript框架。
杨荧·2024-01-26 14:16

vue —— h函数的学习与使用

三、h函数实现原理四、h函数常用场景五、h函数及插槽slot使用六、h函数和v-model使用一、h函数是什么？
Ying（英子）·2024-01-26 09:41

vue3.0规范学习记录

组合式函数使用use+name进行命名，例如useMouse；自定义指令使用v+name进行命名，例如vFocus；在组件使用v-model实现“双向绑定”时，子组件默认通过emits(‘update:
椒盐大肥猫·2024-01-26 09:58

【Vue3】组件通信

把.sync优化到了v-model里面了。把$listeners所有的东西，合并到$attrs中了。$children被砍掉了。1.props若父传子：属性值是非函数。若子传父：属性值是函数。
小秀_heo·2024-01-26 04:57

Vue.js 基础-02-模板语法（常用指令v-html/v-bind/v-if/v-model/v-on，插值，参数，修饰符，缩写）

文章目录1.插值1.1插入文本1.2插入表达式2.常用指令2.1v-html（插入html）2.2v-bind（插入属性）2.3v-if2.4v-model（双向绑定数据）2.5v-on（监听事件）3.参数和修饰符3.1参数3.2修饰符4.缩写4.1v-bind缩写4.2v-on缩写前言：Vue.js使用了基于HTML的模板语法，允许开发者声明式地将DOM绑定至底层Vue实例的数据。Vue.js的
玄德公笔记·2024-01-26 02:40

Vue2 + Vue3学习笔记（十一）常用指令 v-model v-text v-html等的总结

首先细数一下已经了解过的v-指令v-bind:单向绑定解析表达式,可简写为:xxxv-model:双向数据绑定v-for:遍历数组/对象/字符串v-on:绑定事件监听,可简写为@v-if:条件渲染（动态控制节点是否存存在）v-else:条件渲染（动态控制节点是否存存在）v-show:条件渲染(动态控制节点是否展示)以及本文中要学习的指令v-textv-htmlv-cloakv-oncev-pre还
yggjdle·2024-01-26 02:39

关于vue3使用Element ui输入框无法输入的简单解决方法

elementui输入框无法输入最简单有效的方法了script部分加入下面的代码import{reactive}from"vue";constform=reactive({name:""});element组件v-model
橙子君Crush·2024-01-25 23:19

vue3 element plus 查询输入框 实现输入就可以查询

需求：实现在输入框中输入内容就触发查询思路：可以使用@input事件或v-model来监听输入框的变化，当输入框内容变化时，会触发handleQuery方法，并在变化时触发查询操作，你可以在这个方法中执行实际的查询逻辑源码如下
Miraitowa_chole·2024-01-25 23:17

使用elementUi—el-checkbox无法正确动态设置勾选状态的问题

1.在v-for中使用v-model="addDate[key]"绑定不能正常工作2.改为:checked="addDate[key]"能够勾选但是不能双向同步3.同时使用不能工作原因:在页面初始化的时候
tangshangkui·2024-01-25 09:48

vue3 中的 mvvm 设计与实现和 mvvm 的优缺点

import{reactive}from'vue';constmodel=reactive({name:'Vue3',age:3});2.View（视图）：视图是组件的模板部分，它使用v-model来双向绑定数据
zhaojjjjjj163·2024-01-25 07:46

EL表单调用resetFields()方法时不生效，已解决

官方文档对此方法的说明：resetFields对整个表单进行重置，将所有字段值重置为初始值并移除校验结果—1.即必须要有初始值data属性域也要有对应的值2.prop属性不能绑定在子列中3.prop属性也要和v-model
m0_58462450·2024-01-25 05:57

【Vue表单】v-model绑定单选按钮radio

微信订阅号：Rabbit_svip用v-model绑定单选框能带来很多便捷的开发体验。
德育处主任·2024-01-25 05:09

Vue中的常用指令

中的指令按照不同的用途可以分为如下6大类：内容渲染指令（v-html、v-text）条件渲染指令（v-show、v-if、v-else、v-else-if）事件绑定指令（v-on）属性绑定指令（v-bind）双向绑定指令（v-model
斐波娜娜·2024-01-25 02:40

Vue3-在HTML标签、组件标签上使用v-model

本篇为Vue3学习中遇到的v-model相关的记录，如有问题欢迎指正一、在标签上使用v-modelv-model通常在input、select等标签上来实现数据双向绑定原理：v-model通过给标签value
爱吃猪蹄_·2024-01-24 23:40

uniapp使用uni-forms表单校验无效

查看是否写了name属性，且name属性的属性值得和下面v-model绑定的一致，否则校验不生效官网
ToOTOooo·2024-01-24 11:08

Vue基础指令

文章目录v-clockv-textv-htmlv-bind【属性绑定】v-on【事件绑定】事件修饰符v-model数据双向绑定v-forv-if和v-showv-clock如果网速较慢，vue元素还没有渲染情况下
千寻物语·2024-01-24 08:03

【前端小点】Vue3中的IP输入框组件

组件,为了更好的适应vue3,此次进行vue3代码重写先上效果图:禁用效果图:主要是组件的开发,代码如下,可直接拷贝使用.大概思路就是:使用四个输入框拼接,然后给输入内容添加校验操作,添加光标移动,使用v-model
小球学前端·2024-01-24 07:10

v-module在select中的使用

在Vue中，v-model指令用于实现双向数据绑定，可以方便地将表单元素（如input、textarea等）与Vue实例的数据进行同步。
HWL5679·2024-01-24 03:19

element-ui日期选择组件

el-date-picker组件的引入@change：为组件绑定选择日期确定之后的事件v-model：数据绑定，日期存在这里，例如（2019-01-02~2019-03-15），但是数据绑定仅仅是作为显示作用
冬天的_太阳·2024-01-23 21:16

vue--组件开发

确定组件API1.3编写测试基础Button1.4完成type配置1.5完成size配置1.6完成事件绑定1.7总结二、Editor编辑器组件开发2.1确定基础API2.2编写测试基础Editor2.3完成v-model
小白小白从不日白·2024-01-23 12:08

MVVM原理—双向数据绑定——v-model 指令 & 是数据绑定和事件监听的语法糖

MVVM原理—双向数据绑定——v-model指令&数据绑定和事件监听MVVM原理双向数据绑定的原理v-model指令数据绑定事件监听代码-单页面实现-引进vue文件Document{{msg}}-->varvm
viceen·2024-01-23 06:50

vue基础一：认识vue、数据绑定（v-bind\v-model）、Object.defineproperty()数据代理

vue基础一：认识vue、数据绑定（v-bind\v-model）、数据代理一、js及vue开发基本了解二、初识Vue：MVVM模式三、模板语法四、数据绑定：单向、双向五、el与data的两种写法六、Vue
冷凝娇·2024-01-23 06:42

Vue （v-bind指令、el与data的两种写法、理解MVVM、数据代理、V-no事件处理、双向数据绑定V-model、登陆页面实现

V-bind指令el与data两种写法MVVM数据代理V-no事件处理V-no用于监听DOM对象双向数据绑定V-modelv-model指令用来在input、select、textarea、checkbox、radio等表单控件元素上创建双向数据绑定，根据表单上的值，自动更新绑定的元素的值。按钮的事件我们可以使用v-on监听事件，并对用户的输入进行响应。下拉选项实例：Document选项1选项2选
初闻女人香·2024-01-23 06:34

vue前端部分代码学习(4.1)

total是项目个数//el-input输入框，v-model绑定一个变量，这个变量相当于原生input框的value，@input是input框中的值变化时触发的函数pageList在下面是一个方法。
潦草大叔·2024-01-23 02:49

v-model绑定vuex的state怎么实现？

要将Vuex的state与v-model进行绑定，可以通过在组件中使用计算属性和getter来实现。
一个大长腿·2024-01-22 14:34
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他