微信小程序双向数据绑定

使用vant组件实现

引入

"van-field": "@vant/weapp/field/index"

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
1. <van-cell-group>
2. <van-field
3.     model:value="{{ value }}"
4.     placeholder="请输入用户名"
5.     border="{{ false }}"
6. />
7. </van-cell-group>
8.
9. <van-cell-group>
10. <van-field
11.     model:value="{{ value }}"
12.     placeholder="请输入用户名"
13.     border="{{ false }}"
14. />
15. </van-cell-group>

  

1
2
3
4
5
1. Page({
2. data: {
3. value: '',
4.   },
5. });

  

posted @   蓝色精灵jah  阅读(170)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 【.NET】调用本地 Deepseek 模型
· CSnakes vs Python.NET:高效嵌入与灵活互通的跨语言方案对比
· DeepSeek “源神”启动!「GitHub 热点速览」
· 我与微信审核的“相爱相杀”看个人小程序副业
· Plotly.NET 一个为 .NET 打造的强大开源交互式图表库
点击右上角即可分享
微信分享提示