微信小程序input双向绑定

2019-03-08  本文已影响0人  Gaochengxin

首先给标题绑定一个变量,给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,
    })
  }
},
})
上一篇 下一篇

猜你喜欢

热点阅读