首页 > 编程语言 >原生小程序的单向双向绑定--简易双向绑定

原生小程序的单向双向绑定--简易双向绑定

时间:2022-08-24 10:24:55浏览次数:49  
标签:-- 绑定 单向 简易 value3 双向 属性

1、在wxml中,普通属性的数据绑定是单向的

<input value="{{value}}" />

上面这串代码,可以通过this.setData({value:xxx})去更新值和输入框中显示的值也会更新为xxx,但是如果不使用this.setData(),则无法同时改变this.data.value的值。

因此可以借助简易双向绑定机制,在对应属性前面加上model:前缀,如:

<input model:value="{{value}}" />

这样就可以实现简单的双向绑定,不过简易的双向绑定是有条件限制的。

2、简易双向绑定

(1)只能是单个字段的属性绑定:

<input model:value="{{value1}}" />value1:{{value1}}
<input model:value="值2:{{value2}}" />value2:{{value2}}
<input model:value="{{value3+value4}}" />value3:{{value3}} + {{value4}}

输出的结果如下:

(2)暂不支持data路径的属性,即对象.属性名,如:

 <input type="text" value="{{addForm.name}}" />

这样的写法,无法双向绑定的。

标签:--,绑定,单向,简易,value3,双向,属性
From: https://www.cnblogs.com/wangdanmin/p/16618875.html

相关文章

  • 2022河南萌新联赛第(七)场:南阳理工学院 D 疯狂星期八
    原题链接去掉题目限制,题目是一个普通的01背包问题,我们可以用dp[i][j]表示当选择到第i个食物时此时加上第i个食物已经吃了多少个食物,答案为j从大到小枚举,当dp[x][j]<=m时......
  • ref函数
    <template><div><h1>vue3</h1><span>{{name}}-{{age}}</span><button@click="refname">函数修改name</button><button@click="name='刚'">......
  • Spring boot集成swagger
    前面一片文章在介绍时有提到过swagger,这篇文章就重点介绍一下Springboot集成swagger的方法与代码实践。引入依赖<dependency><groupId>io.sprin......
  • 【Vue】图片裁剪功能支持
     一、效果展示:1、表单的图片上传项:-新增时默认一个空白Input框-更新时展示以往上传存放的图片,-点击【查看】浏览完整大小-点击【删除】清空src地址,重新......
  • python 二次封装logging,打印日志文件名正确,且正确写入/结合pytest执行,日志不输出的问
    基于之前日志问题,二次封装日志后,导致日志输出的文件名不对,取到的文件一直都是当前二次封装的log的文件名,基于这个问题,做了优化,详细看https://www.cnblogs.com/cuitang/p/1......
  • Linux安装mysql8.0
    MySQL配置MySQL8安装源sudorpm-Uvhhttps://dev.mysql.com/get/mysql80-community-release-el7-3.noarch.rpm安装MySQL8(提示下载包,选y,后面有其他提示都选y)sudoyu......
  • 浅谈嵌入式系统的持续集成
    持续集成(ContinuousIntegration(CI))和持续交付(ContinuousDelivery(CD))是现代软件开发中两个非常重要的概念。集成是完成交付和部署的前置条件,实现持续交付最大的难点是如......
  • KBJ5010-ASEMII整流桥oT电源专用KBJ5010
    编辑:llKBJ5010-ASEMII整流桥oT电源专用KBJ5010型号:KBJ5010品牌:ASEMI封装:KBJ-4特性:整流扁桥正向电流:50A反向耐压:1000V恢复时间:ns引脚数量:4芯片个数:4芯片尺寸:190M......
  • 牌的组合数-python
    问:四个人玩牌,去掉大小王,一个人拿牌的组合有多少种可能方法一:DFS#牌的组合数.常识:13*4+2=54张牌。每一类大小可以拿的张数有:0,1,2,3,4。问:四个人玩牌,一个人拿牌的......
  • 基于Docker做MySQL主从搭建与Django的读写分离
    基于Docker做MySQL主从搭建主从的作用:写数据数据时使用主库,从库只用来读数据,这样做能够减少数据库压力,主从搭建可以一主一从,也可以是一主多从。mysql主从配置的流程如图......