微信小程序（二十四）简易的双向绑定

代码对我眨眼睛2024-01-31 16:38

注释很详细，直接上代码

新增内容：

1.双向绑定实例

2.双向绑定的局限性

源码：

index.wxml

xml 复制代码

<!-- 
    1.placeholder:输入框为空时的占位提示语
    2.model:value 双向绑定（其实就是在原先基础上加上了model:）	
    3.目前双向绑定只能用在输入框和文本域两种控件里
 -->
<input type="text" placeholder="请输入内容" model:value="{{msg}}"/>

index.js

js 复制代码

Page({
    data:{
        //只有第一级数据可进行双向绑定
        msg:"Hello",

        //这个是用来做对照以验证二级数据不可双向绑定的
        firstLevel:{
            secondLevel:"World"
        }
    }
})

效果演示：

有读者要问了，为什么不试一下二级数据绑定的效果

官方文档目前还没有发布二级数据可绑定的通知，这里也就不自讨没趣了，

好奇心重的朋友可以试试，代码里为大家准备好了二级数据的例子firstLevel.secondLevel