ClipboardSimple 剪贴板

引入

import PressClipboardSimple from 'press-plus/press-clipboard-simple/press-clipboard-simple';

export default {
  components: {
    PressClipboardSimple,
  }
}

代码演示

基础用法

<PressClipboardSimple
  value="hello guowangyang"
  :options="clipboardOptions"
>
  <div class="copylink-button">
    复制链接
  </div>
</PressClipboardSimple>

export default {
  data() {
    return {
      clipboardOptions: {
        showToast: true,
      },
    };
  },
};

API

Props

参数	说明	类型	默认值
value	待复制的值	string	-
options	剪贴板选项	object	-

options 参数

{
  useGlobalEmit: true, // 是否使用全局监听事件
  showToast: false, // 是否展示提醒
}

Events

事件名	说明	参数
confirm	点击确认	show
cancel	点击取消	show