美文网首页
微信小程序input双向绑定

微信小程序input双向绑定

作者: Gaochengxin | 来源:发表于2019-03-08 16:17 被阅读0次

    首先给标题绑定一个变量,给input绑定一个 bindinput 事件,WXML代码如下:

      <view class='ad-preview-comment'>{{adTitle}}</view>
      <input placeholder='一句话介绍你的广告' 
      bindinput="adInputChange" value=''></input>
    

    JS部分:input输入内容改变,将 input 的值 e.detail.value 赋给
    变量 adTitle

      Page({
        data: {
        adTitle: '广告描述',
       },
      adInputChange: function(e) {
       let that = this;
      if (e.detail.value.length < 1) {
        that.setData({
          adTitle: '广告描述',
        })
      } else {
        that.setData({
          adTitle: e.detail.value,
        })
      }
    },
    })

    相关文章

      网友评论

          本文标题:微信小程序input双向绑定

          本文链接:https://www.haomeiwen.com/subject/mznrpqtx.html