v-model

elementUI中 el-Switch 在 el-table-column 中点击无效的问题

在写项目时发现，就算绑定了v-model，switch开关也是不会生效，下面这个方法可以解决list:[{time:"8:00-9:00",show:true},{time:"9:00-10:00",show
huxiaoxiao.·2023-11-08 18:36

element中el-switch用法汇总（拓展：el-switch开关点击弹出确认框时，状态先改变，点击确认/取消失效，怎么解决?）

常见用法：1、绑定v-model到一个Boolean类型的变量。可以使用active-color属性与inactive-color属性来设置开关的背景色。
D_jing20·2023-11-08 18:59

el-input输入一个字符，失去焦点光标问题

注意：检查所绑定的key值是否与el-input中的v-model所绑定的值是同一个值，或者检查key是否是动态发生了改变。
007。·2023-11-08 16:38

Vue el-input 之输入框自动转数字

element中的el-input不支持v-model修饰符，所以不能通过v-model.number将输入的内容转换为数字，如果直接将el-input的type设置成number的话，输入框右边又会有步进箭头
蓝胖子的多啦A梦·2023-11-08 16:38

Vue3 v-model 变更

和事件默认名称已更改：prop：value->modelValue；event：input->update:modelValue；02、v-bind的.sync修饰符和组件的model选项已移除，可用v-model
小草莓蹦蹦跳·2023-11-08 09:55

Vue 3 相对于 Vue2，模板和组件的一些变化

v-modelvue2vue32，v-if和v-for3，keyv-forv-if4，Fragment2，组件的变化1，Teleport2，异步组件1，模板的变化1，v-modelvue2对组件使用双向绑定时，有2种方式v-model
下雪天的夏风·2023-11-08 08:19

Vue常用知识点汇总

v-text：会替换掉元素里的内容；（2）v-html：可以渲染html界面；（3）v-clock：防止界面闪烁；（4）v-bind：界面元素属性值的绑定，简写为：；（5）v-on：事件绑定，简写为@；（6）v-model
前端小菜凯·2023-11-07 14:15

Vue的详细知识点梳理

Vue的指令：包括内置指令（如v-model、v-if、v-for、v-on等）和自定义指令，指令的使用方法和参数含义等。Vue的组件
雪梅零落·2023-11-07 14:13

Vue核心技术与实战--2023.7.4

视图更新是异步的(所有的数据都更新完毕,再更新视图)JQuery:从dom树中选择操作dom对象,$函数选择节点操作dom2.MVVM数据驱动视图=模型驱动视图数据=模型VM视图和模型的双向数据绑定,v-model
weixin_65590235·2023-11-07 12:35

vue中sync修饰符

1.作用可以实现子组件与父组件数据的双向绑定，简化代码简单理解：子组件可以修改父组件传过来的props值，跟v-model作用一样，但是v-model传递的值只能为value。
清梦压星河_Ciao·2023-11-07 06:06

Vue3的组件通信深入-props--自定义事件-mitt的使用-v-model在vue3中的原理-useAttrs--ref与$parent--provide与inject--pina--slot

上次写过一篇组件通信深入，是关于vue2的，最近刷b站，看到了尚硅谷新发的视频，发现了vue3和vue2的组件通信在用法和写法上有一些区别，故记录下来，以下都是关于vue3的组件通信深入回顾一下，vue2的组件通信方式**props:**可以实现父子组件、子父组件、甚至兄弟组件通信自定义事件:可以实现子父组件通信全局事件总线$bus:可以实现任意组件通信**pubsub:**发布订阅模式实现任意组
墨苒孤·2023-11-07 04:44

Vue 组件通信--Event深入--v-model深入--属性修饰符sync--$attrs和$listeners--$children和$parent--混入mixin--scope-slot

1.Event深入@click单击事件可以绑定到标签上，但绑定到组件上是没有反应的，需要添加.native,即@click.native来触发原生DOM事件App.vue文件原生事件importEvent1from"./components/Event1.vue";exportdefault{name:"App",components:{Event1,},methods:{handler(){co
墨苒孤·2023-11-07 04:43

vue3的自定义指令

除了Vue内置的一系列指令(比如v-model或v-show)之外，Vue还允许你注册自定义的指令(CustomDirectives)。
努力学习的木子·2023-11-07 01:11

2022-06-30

还有就是，prop和v-model的值必须是一一对应的，代码
偷吃肉的猪·2023-11-06 20:32

el-select框，切换选项时弹出提示框

正常的方法是监听select中的v-model绑定的值（定义一个
在奔跑中寻找·2023-11-06 17:05

vue v-model的详细讲解

v-model的基本使用表单提交是开发中非常常见的功能，也是和用户交互的重要手段：比如用户在登录、注册时需要提交账号密码；比如用户在检索、创建、更新信息时，需要提交一些数据；这些都要求我们可以在代码逻辑中获取到用户提交的数据
凌统丶·2023-11-06 17:23

el-select选择框多选进行搜索功能实现

多选框搜索功能实现：效果图：mysql数据库的数据类型html分类：data//影响分类influenceTypeOptions:[],//整个功能模块的缓存，v-model绑定的实际是influenceType
ojm_sky·2023-11-06 17:32

vue3组件通信的九大方式(props,自定义事件,$bus,v-model,useAttrs,ref和$parent,provide与inject,pinia,slot)

vue3组件通信的九大方式:props,自定义事件,$bus,v-model,useAttrs,ref和$parent,provide与inject,pinia,slot一、props二、自定义事件2.1
Gik99·2023-11-06 13:09

前端开发基础——Vue

文章目录Vue的特点MVVM常用指令v-model原理Vue监视数据（双向绑定）computed和watch绑定样式v-if和v-showkeynewVue()后的流程生命周期组件通信nextTick插槽
ZKS、执·2023-11-06 10:51

前端框架Vue学习 ——（二）Vue常用指令

例如:v-if,v-for…常用指令：v-bind：为HTML标签绑定属性值，如设置href，css样式等测试可以简写为：测试v-model：在表单元素上创建双向数据绑定为其绑定数据模型newVue({
sweetheart7-7·2023-11-06 10:01

【星海出品】VUE（五）

表单表单输入绑定只需要v-model声明一下这个变量就可以。
活跃的煤矿打工人·2023-11-06 06:39

Vue组件化

目录1、javaScript高阶函数的使用1.1filter()函数1.2map()函数1.3reduce()函数2、v-model使用2.1v-model基本使用编辑2.2v-model的原理2.3v-model
大炮不想学习·2023-11-06 04:47

vue 与 react，angular 优缺点对比

语法简单，学习成本低构建方面不包含路由和ajax功能，使用vuex,vue-router指令（dom）和组件（视图，数据，逻辑）处理清晰性能好，容易优化基于依赖追踪的观察系统，并且异步队列更新独立触发v-model
JamHsiao_aaa4·2023-11-05 21:33

基于element-ui，自定义季度选择器

showYear}}{{item}}exportdefault{props:{value:{type:[String,Number],default:"",}},model:{prop:"value",//定义v-model
*杨丫丫*·2023-11-05 15:28

vue2 自定义组件—v-model—.sync修饰符—具名插槽—作用域插槽—混入

1st.深入理解v-model我们都知道v-model指令是vue用来双向绑定数据的，但其实v-mode也是vue封装起来的指令。
uuz·2023-11-05 09:15

vue指令

1.v-model:双向数据绑定用于表单元素格式：v-model=""{{mes}}varapp1=newVue({el:'.demo',data:{message:'hellovue!'}})
习惯h·2023-11-05 08:46

Vue常见的指令都有哪些

1、v-model多用于表单元素实现双向数据绑定（同angular中的ng-model）2、v-for格式：v-for=“字段名in(of)数组json”循环数组或json(同angular中的ng-repeat
LuckySoong·2023-11-05 08:14

Vue的常用指令有哪些，分别是什么作用？

v-for指令用来遍历数组v-model指令用来实现表单元素的双向绑定v-if指令用来进行条件判断，可以根据表达式值的真假来插入或删除元素v-else指令配合v-if使用，而且用的时候必须紧挨着v-ifv-show
泗水六年·2023-11-05 08:13

Vue常用指令及其作用

1、v-model多用于表单元素实现双向数据绑定;2、v-for格式：v-for="字段名in(of)数组json"循环数组或json需要注意从vue2开始取消了$inde;3、v-show显示内容;4
Li_Arena·2023-11-05 08:13

v-model语法糖

v-model原理v-model实现双向绑定的语法糖，常用于表单与组件之间的数据双向绑定v-model本质上是value属性和input事件的一层包装v-model的作用：提供数据的双向绑定数据发生了改变
Gloria。·2023-11-05 07:08

第十七节——指令

Vue.js提供了一组内置的指令，如v-model、v-bind、v-if、v-for等。此外，你也可以自定义指令来满足特定的需求。二、常见指令1、v-model用于实现表单元素与Vue实例数据
爱在你心中·2023-11-05 05:15

8个非常实用的Vue自定义指令

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

elementui表格中使用Radio 单选框，并在数据加载完成时，回显状态为选中的数据。

效果如下：代码：html： 其中：1，:label="scope.row.id"和v-model="radioRespon"是对应关系，简单理解就是radioRespon===scope.row.id
zx&it·2023-11-05 01:05

手写 Vue Router、手写响应式实现、虚拟 DOM 和 Diff 算法（二）

数据驱动数据响应式数据模型仅仅是普通的JavaScript对象，而当我们修改数据时候，视图会进行更新，避免了繁琐的DOM操作，提高开发效率双向绑定数据改变，视图改变；视图改变，数据也随之改变我们可以使用v-model
丽__·2023-11-04 16:38

VUE里各种数据刷新了但是视图没变的情况

这时候可以把v-model给个v-bind（:v-model），或者把number+
zergNeptune·2023-11-04 10:31

安装富文本组件

安装[email protected]：[email protected]：一个“包装”了UEditor的Vue组件，支持通过v-model来绑定富文本编辑器的内容，让UEditor的使用简单到像
小吴吴吴呀·2023-11-04 08:11

el-select获取id和name

一般选中节点只会返回:value绑定的数据给v-model中，要想获取id和name一并传给后端，需要如下几步：1、给选择框添加点击事件@input="selectChangeParent"2、v-for
CV猿码人·2023-11-04 07:26

vue指令

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

Vue单向数据流 和 computed的getter&setter

3）：指在不影响功能的情况下，添加某种方法实现相同的效果，从而方便开发（使用语法糖可以简化代码书写）例如：v-bind绑定属性简写就是一个冒号123在使用的时候很像双向绑定的，但是Vue是单项数据流，v-model
Grayly吖·2023-11-04 00:45

element ui级联选择器el-cascader踩坑指南

❗️❗️❗️选中项绑定值（value/v-model）一定要和可选项数据源（options）顺序一致❗️并且不能存在脏数据❗️每次选中项绑定值变化的时候改变el-cascader的key值❗️
ceinez·2023-11-03 22:22

vue+element UI 使用el-cascader实现全选功能

multiple:true,value:"value",label:"label",children:"children",},twoDatas:[],//从接口获取过来的数据twoinput:[],//v-model
努力不够偷懒来凑·2023-11-03 22:49

前端问题踩坑

1.报错Failedtoresolveloader:sass-loaderimage.png新增组件时遇到的解决：删掉vue文件CSS样式部分的lang="scss"image.png2.报错'v-model'directivesrequirenoargumentimage.png
送我迷迭香·2023-11-03 21:05

【Vue】使用v-model实现控制子组件显隐

v-model可以实现双向绑定的效果，允许父组件控制子组件的显示/隐藏，同时允许子组件自己控制自身的显示/隐藏。
Y_coder·2023-11-03 06:39

Vue 关于组件封装时父子组件通讯的三种方式

直接通过props直接修改子组件里的值（不推荐，因为通过子组件直接修改了props里的值，违反了单向数据源）在子组件里定义props父组件引入使用方式二：跟第一种方法其实做法是差不多的在父组件里直接使用v-model
vanora1111·2023-11-03 04:48

vue2+ant-design-vue a-select组件二次封装(支持单选/多选添加全选/分页（多选跨页选中）/自定义label)

一、效果图二、参数配置1、代码示例2、配置参数（Attributes）继承a-selectAttributes参数说明类型默认值v-model绑定值boolean/string/number/Array-mode
wocwin·2023-11-03 01:29

微信小程序真机调试模式下所有输入框失效，v-model无法获取值，也不触发@input事件

微信小程序真机调试模式下所有输入框失效，v-model无法获取值，也不触发@input事件-DCloud问答
跑跑快跑·2023-11-02 21:35

小程序day02

然后才能像vue的v-model一样实现双向绑定。条件渲染相当于vue里面template.列表渲染这里也可以遍历对象数组。总结:有
北岭山脚鼠鼠·2023-11-02 12:14

VUE 2-3 知识框架

（5）computed（6）watch（7）template2.MVVM模型（1）模型（Model）（2）视图（View）（3）视图模型（ViewModel）二、模板语法1.插值语法2.指令语法（1）v-model
星辰大海1412·2023-11-02 08:08

Element UI 的单选框、多选框

要使用Radio组件，只需要设置v-model绑定变量，选中意味着变量的值为相应Radiolabel属性的值，label可以是String、Number或Boolean。禁用状态单选框不可用的状态。
辽A丶孙悟空·2023-11-02 08:31

Vue自学笔记

vue笔记-幕布vue的生命周期Vue环境搭建：1.导入开发板的vue.js，2，在浏览器下载开发者调试工具并且加入扩展程序，3，创建Vue实例想让vue工作就要创建Vue实例，且要转入v-model应该配置对象
我艾边城·2023-11-02 02:28
上一页 9 10 11 12 13 14 15 16 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他