微信小程序bindinput和点击按钮赋值当前文本的内容

一.在输入框里面获取实时输入的值

代码:

  <input type="text" placeholder="请输入关键字"  bindinput="bindKeyInput" />

bindKeyInput(e) {
    const value = e.detail.value
}

获取实时输入到input框里面的值。

二.一键赋值文本内容

要复制的文本内容:

  data: {
      
        lianjie: "谢谢谢谢谢寻寻寻寻寻寻寻寻寻"
    },

  <view class="textContent">{{lianjie}} </view>

绑定点击事件:

    <view class="textTwo" bindtap="copy">一键复制</view>

 copy: function (event) {
        // var wxChat = event.currentTarget.dataset.wechatid //接收wxml传过来的数据
        wx.showToast({
            title: '复制成功',
        })

        // 下方为微信开发文档中的复制 API
        wx.setClipboardData({
            data: this.data.address, //复制的数据
            success: function (res) {
                wx.getClipboardData({
                    success: function (res) {
                        console.log(res.data) //打印赋值的数据
                    }
                })
            }
        })
    },

从而实现复制的文本内容。

三.总结

 绑定bindinput事件获取实时的输入框值。

通过这个api实现赋值：

 具体可见官方文档