navbar双向绑定无效

来源：6-4 搜索逻辑实现（下）

慕标0186851

2020-07-25

在搜索框双向绑定数据无效
当前uniapp 版本是：2.7.14.20200618
图片描述

<view v-else class="navbar-search">
						<input class="navbar-search__text" type="text" v-model="textData" placeholder="请输入您要搜索的内容" @input="searchChange" />
					</view>

textData: {
			      type: [String, Number],
				  default: ''
			},

<navbar :isSearch="true" :textData="textData" @input="inputChange"></navbar>

根据vuejs官方定义好像是只能在表单组件上使用。因此在编写代码是通过绑定变量方式传递

写回答

1回答

慕村6345035

2020-07-29

v-model 实际上只是一个语法糖，不单单是表单组件可以是使用，自定义组件同样也可以用起来，同学可以参考官方文档：https://cn.vuejs.org/v2/guide/components-custom-events.html#%E8%87%AA%E5%AE%9A%E4%B9%89%E7%BB%84%E4%BB%B6%E7%9A%84-v-model

uni-app实战以项目为导向掌握完整开发流程

跟着uni-app团队开发成员快速上手高效率框架，打通前后端，完成初级全栈开发

1104 学习 · 544 问题

查看课程

相似问题

数据绑定失败

回答 1

标题换行省略无法生效

回答 2

老师，请问下为什么点赞要做成单向的？

回答 1

如果在页面中写组件的生命周期有效吗？它的执行顺序与页面的生命周期的执行顺序谁先谁后？

回答 1

在跟着上拉加载更多的时候出现

回答 2

打开慕课网App查看更多内容