微信小程序如何点击按钮,复制文本到粘贴板

微信小程序我是用的uniapp写的,所以部分API可能和微信小程序原本的不同

<text class="code-id">
		<text>會員ID:</text>
		<text selectable="true">{{ details.id }}</text>
</text>
<view class="btn">
        <button @click="copyBtn" class="code-btn" size="mini" type="default">複製</button>
</view>
       copyBtn(e) {
			let that = this;
			uni.setClipboardData({
                //要复制的内容
				data: that.details.id,
				success: res => {
					uni.getClipboardData({
						success: res => {
							wx.showToast({
								title: '複製成功'
							});
						}
					});
				}
			});
		}

1、uni.setClipboardData(OBJECT)

设置系统剪贴板的内容。

OBJECT 参数说明

参数名类型必填说明
dataString需要设置的内容
successFunction接口调用成功的回调
failFunction接口调用失败的回调函数
completeFunction接口调用结束的回调函数(调用成功、失败都会执行)

2、uni.getClipboardData(OBJECT) 

OBJECT 参数说明

参数名类型必填说明
successFunction接口调用成功的回调
failFunction接口调用失败的回调函数
completeFunction接口调用结束的回调函数(调用成功、失败都会执行)

success 返回参数说明

参数类型说明
dataString剪贴板的内容

 

  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
要实现在微信小程序点击按钮出现文本输入框,可以使用`<input>`组件来实现。下面是一个示例代码: ```html <view> <button bindtap="showInput">点击输入</button> <input type="text" wx:if="{{showInputBox}}" bindinput="onInput" placeholder="请输入内容" value="{{inputValue}}"/> </view> ``` 在`<button>`组件中,我们绑定了一个`showInput`方法,在这个方法中,我们可以设置一个变量`showInputBox`来控制文本输入框的显示和隐藏。 在`<input>`组件中,我们设置了`wx:if="{{showInputBox}}"`来控制组件的显示和隐藏,同时,我们绑定了一个`onInput`方法,用来处理文本输入框中的内容。在`<input>`组件中,我们还设置了一个`value`属性,用来保存用户输入的内容。 下面是示例代码的js部分: ```javascript Page({ data: { inputValue: '', showInputBox: false }, showInput: function () { this.setData({ showInputBox: true }) }, onInput: function (e) { this.setData({ inputValue: e.detail.value }) } }) ``` 在这个示例代码的js部分中,我们定义了一个`Page`对象,并在`data`属性中定义了两个变量`inputValue`和`showInputBox`,分别用来保存用户输入的内容和控制文本输入框的显示和隐藏。 在`showInput`方法中,我们将`showInputBox`设置为`true`,从而显示文本输入框。 在`onInput`方法中,我们将用户输入的内容保存在`inputValue`变量中。 最后,我们需要在`<button>`组件中绑定`showInput`方法,在`<input>`组件中绑定`onInput`方法,这样就可以实现在微信小程序点击按钮出现文本输入框的功能了。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Iam_楠

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值