美文网首页
微信小程序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