v-model使用

简介: v-model使用

在表单上的应用

动态绑定input的value指向msg变量,并且在触发input事件的时候去动态把mmsg设置为目标值

<input v-mode="data"/>
等同于
<input v-bind:value="msg" v-on:input="msg=$event.target.value"/>
1
2
3

a856efcb46754da28a95f58fb52bba51.png

在组件上的应用

在自定义组件中,v-model默认会利用value的prop和名字为input的事件

本质上是一个父子传值,通过prop和$emit实现。因此父组件v-model语法糖本质上就可以修改:

<aa-input v-model="aa"/>
等同于:
<aa-input v-bind:value="aa" v-on:input="aa=$event.target.value"/>
子组件:
<input v-bind:vlaue="aa" v-on:input="msg"/>
props:{
  value:aa
},
methods:{
  msg(e){
  $emit('input',e.target.vlaue)
  }
}


相关文章
|
6月前
组件v-model
组件v-model
61 0
|
1月前
|
存储 设计模式 前端开发
Model与Controller
【10月更文挑战第4天】Model与Controller
|
3月前
|
存储 SQL 程序员
模型(Model)
【8月更文挑战第19天】
69 2
|
3月前
|
JavaScript 开发者
v-model学习
v-model学习
76 0
|
3月前
|
TensorFlow API 算法框架/工具
【Tensorflow+keras】解决使用model.load_weights时报错 ‘str‘ object has no attribute ‘decode‘
python 3.6,Tensorflow 2.0,在使用Tensorflow 的keras API,加载权重模型时,报错’str’ object has no attribute ‘decode’
53 0
|
5月前
|
JavaScript 前端开发
v-model
v-model
43 0
|
6月前
|
机器学习/深度学习 数据采集 自然语言处理
Pre-trained Model
“【5月更文挑战第30天】”
59 0
|
6月前
|
JavaScript 编译器
组件 v-model
组件 v-model
|
6月前
|
JavaScript
v-model和:model的区别
v-model和:model的区别
213 0
|
6月前
|
机器学习/深度学习 自然语言处理 PyTorch
Model Inference
模型推理(Model Inference)是指使用已经训练好的机器学习模型来对新数据进行预测或分类的过程。模型推理是机器学习中的一个重要环节,其目的是利用训练好的模型对新数据进行预测或分类,从而得到结果。
338 1