v-model

vue 自定义组件v-model

官网的话：允许一个自定义组件在使用v-model时定制prop和event。
不努力code·2024-01-15 14:31

小白浅学Vue3

项目模板语法文本插值{{}}v-html属性绑定条件渲染v-if、v-else-if、v-elsev-show列表渲染v-for状态管理事件事件事件传参事件修饰符数组变化监听计算属性Class绑定Style绑定侦听器v-model
QGS-CD·2024-01-14 14:29

vue3基础 表单的输入绑定

手动连接值绑定和更改事件监听器可能会很麻烦，v-model指令帮我们简化了这一步骤v-model有点类似于双向绑定表单的输入与绑定{{message}}{{check}}exportdefault{data
Msir_Modern·2024-01-14 09:51

前端实现购物车功能

scope.row.number*scope.row.price}}删除砍价-->总价：￥{{allPrice}}砍价后￥{{allPrice2}}-->-->提交   0"v-model
貂蝉空大·2024-01-14 08:17

Vue基础篇（六）

本教程分为三部分：基础进阶实战，深入浅出Vue.js基础篇持续更新中…第六章表单与v-model基本用法：-------v-model:Vue提供了v-model指令，用于在表单类元素上双向绑定事件一个小栗子
土豆片片·2024-01-14 01:58

Vue学习计划-Vue3--核心语法（八）组件通信

把.sync优化到了v-model里面了。把$listeners所有的东西，合并到$attrs中了。$children被砍掉了。
化作繁星·2024-01-13 22:12

uniapp使用checkbox-group以及API

首先，在页面中引入checkbox-group组件：苹果香蕉橙子在上面的代码中，我们定义了一个checkbox-group，并将其v-model绑定到了selectedFruits变量上。
嘘~！·2024-01-13 21:31

element：日历 / 使用记录

一、预期效果Element-Theworld'smostpopularVueUIframeworkelement默认样式目标样式二、Calendar属性参数说明类型可选值默认值value/v-model
snowball_li·2024-01-13 17:20

组件v-model

以下是一个简单的示例，展示了如何使用组件和v-model来实现数据的双向绑定：输入的内容为:{{message}}importCustomInputfrom'.
我爱学习yq·2024-01-13 15:11

vue自定义指令

vue存在许多的内置指令：如：v-html、v-model、v-for等等。那么如何进行自定义指令呢？详见后面2.自定义指令你可以在全局范围内或组件内部注册自定义指令。全局注
盖盖衍上·2024-01-13 11:57

给el-select的change事件传自己想要的参数

可以写成箭头函数：@change="(e)=>changeUp(e,is)"changeUp(e,is)"v-model="domain.begin"type="datetime"placeholder
weixin_45776308·2024-01-13 09:38

vue组件开发思路(传值、slot)

组件开发思路：1.定义一个form表单，提交全局校验，数据的传递provide(){return{}}，下面的子孙组件可以inject获取数据2.formItem校验、label、错误显示、插槽3.数据收集v-model
前端段·2024-01-13 05:05

【vue基础语法详细介绍】

2.1.2html2.1.3属性2.1.4表达式2.2指令2.2.1核心指令2.2.1.1v-if|v-else-if|v-else2.2.1.2v-show2.2.1.3v-for2.2.1.4v-on|v-model
程序员不想YY啊·2024-01-12 18:25

v-model 的原理

v-model是Vue.js框架中的一个指令，用于在表单元素和组件之间实现双向数据绑定。它提供了一种简洁的方式来将表单输入的值与Vue实例的属性进行关联。
weixin_43962020·2024-01-12 16:45

Vue（9）--v-model的深入理解 & sync修饰符 & 具名插槽 & 作用域插槽 & 混入

一、v-model的深入理解v-model:就是v-on:和v-bind:的简写姓名：{{name}}年龄：{{age}}{{yf.label}}--{{yf.count}}{{kz.label}}--
温木·2024-01-12 13:33

组件v-model

这个API就是Vue3简化组件v-model的写法的，所以这篇就一块儿来总结一下vue中的组件v-model官网的示例先说下vue2中的使用，再说下vue3中的使用V2单个v-model绑定下面这个单个
会说法语的猪·2024-01-12 13:17

【Vue技巧】Vue2和Vue3组件上使用v-model的实现原理

ChatGPT4.0国内站点，支持GPT4Vision视觉模型：海鲸AI在Vue中，v-model是一个语法糖，用于在输入框、选择框等表单元素上创建双向数据绑定。
海鲸AI·2024-01-12 09:51

【Vue3】2-10 : 表单处理与双向数据绑定原理

本书目录：点击进入一、表单处理1.1、【双向绑定】实现方式一：v-model＞代码＞效果1.2、【双向绑定】实现方式二：:value属性+input事件＞代码＞效果(同上)二、实战2.1【v-model
ladymorgana·2024-01-12 09:39

vue前端开发自学,组件事件配合v-model实现的动态传递数据

vue前端开发自学,组件事件配合v-model实现的动态传递数据！下面的案例代码是结合之前学的一些知识点，实现了简单的，父子组件之间动态传递数据的demo下面看看代码内容和执行效果。
yrldjsbk·2024-01-12 06:25

vue3+uniapp 上传附件

因为始终怎么限制，uni-file-picker绑定的v-model的值fileList,好像只要上传了文件展示就一定会回显那一个附件。还有一个问题，就是上传的进度条并不能正常工作。
tingkeiii·2024-01-11 19:47

element input组件自动失去焦点问题解决

最近在Vue3+ElementPlus中，使用el-input组件时，如果设置了v-model，那么在每次改变内容后后，input会自动失去焦点，这样会导致用户无法输入多个字符。
天問_·2024-01-11 10:25

element ui多选框组checkbox-group的使用

checkbox-group元素能把多个checkbox管理为一组，只需要在Group中使用v-model绑定Array类型的变量即可。
杜蜜月·2024-01-11 09:58

Vue怎么设置自定义指令

在Vue，除了核心功能默认内置的指令(v-model和v-show)，Vue也允许注册自定义指令。它的作用价值在于当开发人员在某些场景下需要对普通DOM元素进行操作。
hymuuuu·2024-01-11 08:35

element-plus里el-date-picker日期选择器，默认值不显示的问题

找了很多方法，最终是给v-model="defaultTime"绑定初始值，如下代码，需要的可以改一下//获取当前日期时间对象constcurrentDate=newDate();constcurrentYear
哎呦灬不错呦。·2024-01-11 07:25

【Vue】自定义指令

在Vue，除了核心功能默认内置的指令(v-model和v-show)，Vue也允许注册自定义指令。它的作用价值在于当开发人员在某些场景下需要对普通DOM元素进行操作。
【南汐】前端·2024-01-11 02:24

vue+element-ui 三级联动的使用及回显发送参数踩坑

注意，v-model绑定的值必须是optionsJS:data(){return{options:regionData,
萌萌踩坑记·2024-01-10 16:21

vue3+elementPlus+cascader动态加载封装自定义组件+v-model指令实现父子通信

文章目录select普通操作（1）cascader操作（2）select普通操作（1）搜索条件需求：接口入参需要houseId，但是要先选择完楼栋，再选择单元，最后选择房屋如图，我们还得操作两三次。有点烦。cascader操作（2）父组件子组件importuseUserStorefrom'@/store/modules/user'constuserStore=useUserStore()impor
可口可乐Vip·2024-01-10 10:52

vue1--从入门到v-model

vue初体验vue.js基础new运算符创建一个用户定义的对象类型的实例或具有构造函数的内置对象的实例。var和let和constvarvar声明全局变量，即生明在for循环中的变量，跳出for循环同样可以使用变量提升：原：console.log(b);varb=200;现：varb;console.log(b);b=200;letlet拥有块级作用域,一个{}就是一个作用域，也就是let声明块级
081&33·2024-01-10 09:32

Vue 表单控制 生命周期

Vue表单控制生命周期文章目录Vue表单控制生命周期1、表单控制2、购物车案例2.1、for循环的方法归纳2.2、购物车3、v-model进阶（了解）4、vue生命周期5、与后端交互扩展（django与
Tao.686·2024-01-10 09:01

05_Vue3基础语法(四)之v-model的基本使用

Vue3基础语法(四)v-model的基本使用表单提交是开发中非常常见的功能，也是和用户交互的重要手段：比如用户在登录、注册时需要提交账号密码；比如用户在检索、创建、更新信息时，需要提交一些数据；这些都要求我们可以在代码逻辑中获取到用户提交的数据
酒 客·2024-01-10 09:30

3-vue-js循环(索引，in，of，forEach，jQuery循环)、v-model的使用、 数组过滤和箭头函数、this指向、事件修饰符、判断字符串在不在另一个字符串中、表单控制、劝和和带加减

1js循环方式1.1js循环之索引，in，of，forEach，jQuery循环1.2key值解释1.3Vue.set的使用2v-model的使用2.1v-model之lazy-number-trim3事件处理3.1基本使用3.2filter和箭头函数、this指向问题、判断字符串在不在另一个字符串中3.3事件修饰符stopselfpreventonce/a>4表单控制radio和checkbox
林圜围·2024-01-10 09:29

简单的VUE购物车应用

简单的VUE购物车应用这个项目主要运用了Vue的双向数据绑定，是一个很基础的小项目文章目录简单的VUE购物车应用前言一、项目实例二、实现步骤1.简单布局2.数据操作总结前言v-model的重要性不言而喻
男孩子小杨·2024-01-10 09:56

Vue入门三（表单控制｜购物车单选多选案例｜V-model进阶使用｜Vue生命周期｜与后端交互）

文章目录一、表单控制二、购物车案例三、V-model进阶四、Vue生命周期五、与后端交互Ajax一、表单控制Title单选BoysGirlsGays选择性别是：{{radio}}多选篮球足球台球擦边球选择的球类是
LoisMay·2024-01-10 09:20

vue之day03：案件修饰符， check-box单选多选和radio,基本购物车功能，v-model进阶，Vue生命周期，Vue与后端交互

目录标题一：事件处理之案件修饰符二：表单控制之check-box单选多选和radio三：基本购物车功能1.四种循环方式四：v-model进阶五：Vue生命周期六：Vue与后端的交互（发送ajax请求）1
Jayxieming·2024-01-10 09:20

Vue入门三（表单控制｜购物车案例｜v-model进阶｜与后端交互）

文章目录一、表单控制二、购物车案例三、v-model进阶四、与后端交互跨域问题解决，三种交互方法跨域问题详解1-CORS：后端代码控制，上面案例采用的方式1)方式一：后端添加请求头2)方式二：编写中间件
0Jchen·2024-01-10 09:47

vue购物车案例、v-model进阶、与后端交互

一购物车案例-结算购物车结算table,td{border:1pxsolidblack;text-align:center;}商品名称价格数量选择{{item.name}}{{item.price}}{{item.number}}已选商品：{{checkGroup}}总价：{{getPrice()}}varvm=newVue({el:'#box',data:{dataList:[{name:'今瓶
-wellplayed-·2024-01-10 06:45

vue2中this.$emit(“update:xx“,value)和xx.sync的用法在vue3中有什么变化

在Vue3中，v-model语法和this.$emit("update:xx",value)的用法略有变化，而.sync修饰符已经不再存在。
深度学习研究员·2024-01-10 05:38

vue3组件传参

1、props:2、自定义事件子传父3、mitt任意组件通讯4、v-model通讯(v-model绑定在组件上)(1)V2中父子组件的v-model通信，限制了popos接收的属性名必须为value和emit
和科比合砍81分·2024-01-10 03:13

Vue中v-model指令的修饰符

v-model指令的修饰符有三个，分别是：1.number作用：自动将用户的输入值转为数值类型。
和科比合砍81分·2024-01-10 03:42

vue3使用中VsCode 报 v-model directives require no argument 警告

最近在写vue3时一直因为vue3中新增的语法v-model:xxx的写法报警告。以前vue2中没有携带参数的写法，只是v-model=“”。
前端小飞象·2024-01-10 03:15

vue购物车案例，v-model 之 lazy、number、trim，与后端交互

购物车案例Title购物车商品id商品名商品价格商品数量全选/全不选{{goods.id}}{{goods.name}}{{goods.price}}-+选中的商品：{{checkGoodList}}是否全选：{{checkAll}}总价格：{{getPrice()}}newVue({el:'#d1',data:{goodsList:[{id:1,name:'短袖',price:99,count:
N10N11·2024-01-10 02:14

el-select 中v-model绑定值，数据回显只显示value，不显示label

1、当v-model绑定的是一个值时数据回显只显示value,不显示label，原因可能有以下几个：1、option的数据中不存在该value值，2、option的中的value值和v-model绑定的值
～Serendipity～·2024-01-09 11:20

Vue基础

插值语法：常用标签体内容{{...}}...为js表达式指令语法：解析标签v-bind动态绑定例：简写：====>:例：数据绑定单向数据绑定：v-bind双向数据绑定：v-model:value简写：=
前端小卡拉米·2024-01-09 08:53

a-date-picker设置日期默认值及作为参数传给后端

用a-date-picker的时候，设置日期默认值直接用后端传回的字符串数据如2012-01-21，对应赋值给其v-model绑定的字段即可，要给后端传该日期字段也是直接拿对应的table中字段的数据即可
SZHFCLXX·2024-01-09 07:48

vue 验证手机号码正确与否 再发送验证码

当输入的手机号码正确，改变获取验证码字体样式首先要使用computed对input标签进行的正则判断使用v-model获取input的值利用计算属性判断手机号是否正确将test的布尔值return出去给下图给获取验证码添加类名
自律使我自由ww·2024-01-09 07:13

vue3利用自定义事件和v-model实现父子传参

一、父组件利用v-model向子组件传递参数1、父组件//引入子组件importtanfrom'@/components/index/tan.vue'import{ref}from'vue'constpopupShow
啊～哈·2024-01-09 07:02

关于el-select回显问题 : 框内不显示label，而是value

问题：新增页面的时候选择是正常的，但是回显有问题：（如图显示了value为数字）解释：在组件中，通过v-model可以实现选择项的回显。
じòぴé南冸じょうげん·2024-01-09 01:02

vue3 指令详解

系列文章目录TypeScript从入门到进阶专栏文章目录系列文章目录前言一、v-model（双向绑定功能）二、v-bind(用于将一个或多个属性绑定到元素的属性或组件的prop)三、v-if、v-else
枫ゞ·2024-01-07 22:24

子组件和父组件数据双向绑定

文章目录前言Vue2一、表单类组件1.简写2.完整写法二、非表单类组件1.简写2.完整写法Vue31.简写2.完整写法前言在vue2中v-model实际上是表单的:value属性和@input事件的合写
zyue_1217·2024-01-07 18:31

Vue训练——实现简单的全选和反选功能

建立好多个选项框，对全选和反选与数组中的数据进行绑定——v-model。
AnYaWhite·2024-01-07 18:56
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他