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)
  }
}


相关文章
|
4月前
|
存储 SQL 程序员
模型(Model)
【8月更文挑战第19天】
94 2
|
4月前
|
JavaScript 开发者
v-model学习
v-model学习
89 0
|
4月前
|
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’
62 0
|
6月前
|
JavaScript 前端开发
v-model
v-model
51 0
|
7月前
|
机器学习/深度学习 数据采集 自然语言处理
Pre-trained Model
“【5月更文挑战第30天】”
72 0
|
7月前
|
机器学习/深度学习 TensorFlow API
Keras 的模型(Model)和层(Layers)的介绍
Keras 的模型(Model)和层(Layers)的介绍
179 1
|
7月前
|
JavaScript
v-model和:model的区别
v-model和:model的区别
263 0
|
7月前
|
机器学习/深度学习 自然语言处理 PyTorch
Model Inference
模型推理(Model Inference)是指使用已经训练好的机器学习模型来对新数据进行预测或分类的过程。模型推理是机器学习中的一个重要环节,其目的是利用训练好的模型对新数据进行预测或分类,从而得到结果。
389 1
|
机器学习/深度学习 并行计算 PyTorch
【PyTorch】Training Model
【PyTorch】Training Model
93 0
|
存储 测试技术
测试模型时,为什么要with torch.no_grad(),为什么要model.eval(),如何使用with torch.no_grad(),model.eval(),同时使用还是只用其中之一
在测试模型时,我们通常使用with torch.no_grad()和model.eval()这两个方法来确保模型在评估过程中的正确性和效率。
1127 0