weex实现复制粘贴功能（clipboard）

最新推荐文章于 2024-05-20 09:58:17 发布

初心-LIUSHOP

最新推荐文章于 2024-05-20 09:58:17 发布

阅读量1.3k

点赞数

分类专栏： weex 文章标签： weex-clipboard weex-getString weex-setString

本文链接：https://blog.csdn.net/qq_42817227/article/details/93018703

版权

weex 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群): 757345416丨(IT-程序猿-技术交流2群): 936929828

clipboard

该模块提供的接口可以用于获取、设置剪切板内容，目前只支持字符串类型。

只支持字符串类型。
只能在 iOS 和 Android 平台上生效。

getString

从系统剪贴板获取内容

getString(callback)
@callback，回调函数会返回 data，即字符串内容。

setString

向系统剪贴板设置内容

setString(text)
@text，要设置的文本。

示例：

<template>
  <div>
    <div class="div">
      <text class="text" @click="onItemClick">{{message}}</text>
    </div>
    <div class="div">
      <text class="text" @click="setContent">点击即可复制: {{tobecopied}}</text>
    </div>
  </div>
</template>

<script>
  const clipboard = weex.requireModule('clipboard')

  export default {
    data () {
      return {
        tobecopied: 'www.chao99.top',
        message: '长按这里.'
      }
    },

    methods: {
      setContent () {
        clipboard.setString(this.tobecopied)
      },
      onItemClick () {
        this.message = 'clicked! '
        clipboard.getString(ret => {
          this.message = 'text from clipboard:' + ret.data
        })
      }
    }
  }
</script>

<style scoped>
  .div {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 750px;
    height: 90px;
    padding-left: 30px;
    padding-right: 30px;

    border-bottom-width: 1px;
    border-style: solid;
    border-color: #DDDDDD;
  }
  .text {
    width: 750px;
    height: 90px;
  }
</style>