关于小程序如何长按复制长文本的方法(比较简单的一种)

在我们开发小程序时,可能会遇到一些场景,需要你复制弹框中的链接到手机浏览器中访问。

方法如下:

1.首先需要一个view盒子,添加css属性word-break: break-all;这个是自动换行用的避免文本过长跑出盒子外。

.downLink {
  margin-top: 20rpx;
  color: #2969F6;
  word-break: break-all;
  padding-left: 20rpx;
  padding-right: 10rpx;
}

2.在上面的view盒子中包一个text长文本,并设置属性selectable="true" user-select="true"

 <view class="downLink">
        <text selectable="true" user-select="true">{{downloadLink}}</text>
      </view>

3.注意点,我们在微信开发者工具中是无法做到长按复制这个动作,需要看到效果请点击右上角使用真机调试去运行测试。

4.如果只用text标签去包内容,会出现无法换行的问题,我们可以用\n去强制换行,但是一般开发中我们是不推荐使用\n来进行控制文本的换行,而且如果内容过长我们是很难去判断在哪换行,所以推荐使用view+'word-break: break-all''来进行控制。