Vue填坑（v-model和:model）

在使用input进行输入的时候，在vue中最好使用v-model进行数据的双向绑定。

例如：

<el-input v-model="input" placeholder="请输入内容"></el-input><script>
export default {data() {return {input: ''}}
}
</script>

今天遇到的小问题，当我使用:model进行数据绑定的时候，在输入框中无法输入内容。

我原本代码：

<el-input :model="searchInfo" placeholder="搜索内容"><i slot="suffix" class="el-input__icon el-icon-search" @click="onEnterSearch"></i>
</el-input>

更改之后：

<el-input v-model="searchInfo" placeholder="搜索内容"><i slot="suffix" class="el-input__icon el-icon-search" @click="onEnterSearch"></i>
</el-input>

Note:
:model和v-model的区别
:model是v-bind:model的缩写,这种只是将父组件的数据传递到了子组件，并没有实现子组件和父组件数据的双向绑定。当然引用类型除外，子组件改变引用类型的数据的话，父组件也会改变的。

Vue填坑（v-model和:model）相关推荐

vue填坑指南之模板的使用
坑提示:"The template root requires exactly one element" Src下面有个App.vue文件,在index里引用了这个文件以后,我在. ...
vue工程展示数字动画组件vue animate-number的使用与填坑
目录 vue工程数字动画组件vue animate-number的使用与填坑一.基本用法篇 (一).环境配置
vue axios传递FormData填坑，headers不显示，后台报错等等问题
vue axios传递FormData填坑,headers不显示,后台报错等等问题你可能在以下vue axios的FormDara的文件上传中,有headers不显示问题,或遇到了以下报错 org. ...
Vue入门到上手（10）—— VueJs 填坑日记之在项目中使用Amaze UI
Vue入门到上手(10)-- VueJs 填坑日记之在项目中使用Amaze UI 上一篇博文,我们把jQuery集成到了项目中,今天我们来集成Amaze ui(妹子UI).先来介绍一下妹子UI.Ama ...
spring mysql防注入攻击_【spring】(填坑)sql注入攻击 - 持久层参数化
结果填坑失败,并没有看懂是如何检测sql攻击的. 只能说的是:建议都使用参数化传递sql语句参数.(所以,用hibernate.mybatis等框架的真不用太担心sql攻击问题.) 前言在上文中的 ...
android高德方向,Android高德地图填坑
项目中用到地图的地方越来越多,从O2O商城.出行.交通.单车等无处不在使用地图,以下是在多个项目中集成高德地图常用的几个功能点,及填坑. 定位功能小蓝点策略 myLocationStyle.myLo ...
2019/12/25 学习总结（待填坑）
今天发现了自己好多的知识盲区--待填坑-- CRF 参考博客:https://medium.com/ml2vec/overview-of-conditional-random-fields-68a2a ...
Babylonjs 基础教程与填坑①入门常用网址
入坑babylon.js一段时间了,现在项目上线了,整理一下基础的入坑姿势和部分填坑技巧,记录一下遇到过的一些问题. babylonjs大法好,在webgl领域,国内社区活跃度还比不过three,入坑 ...
ncnn填坑记录八：将自己训练的模型打包为APK并部署到安卓端运行
上一篇:ncnn填坑记录七:examples/squeezenet.cpp代码阅读做一个分类任务,模型选取的mobilenetv3,训练好模型,并按前文依次转换为onnx.ncnn后,参考官方htt ...

Vue填坑（v-model和:model）

Vue填坑（v-model和:model）相关推荐

最新文章

热门文章