首页 > 其他分享 >鸿蒙类web开发中剪贴板功能实现问题

鸿蒙类web开发中剪贴板功能实现问题

时间:2023-10-12 09:57:07浏览次数:46  
标签:web 剪贴板 console 鸿蒙 pasteboard error pasteData

鸿蒙的类web开发范式是采用JS开发的,其中实现剪贴板功能需引入@ohos.pasteboard功能。

一、导包

import pasteboard from '@ohos.pasteboard';

二、创建两个button用于调用剪贴板

hml

<div class="container">
    <text>copy :{{title2}}</text>
    <text>vi:{{status}}</text>
    <button class="btn" value="复制" @click="handleClick"></button>
    <button class="btn" value="粘贴" @click="handlectrlv"></button>
</div>

js

import pasteboard from '@ohos.pasteboard';

export default {
    data: {
        status1:"复制内容",
        status2:"粘贴内容",
    },
    onInit() {
    },
    handleClick() {
        let s1 = pasteboard.getSystemPasteboard()
        let pasteData = pasteboard.createUriData(this.urlpath);
        s1.setPasteData(pasteData, (err, data) => {
            if (err) {
                console.error('Failed to set PasteData. Cause: ' + err.message);
                return;
            }
            this.status1 = pasteData.getPrimaryText()
            console.info('Succeeded in setting PasteData:');
        });
    },
    handlectrlv(){
        let s2 = pasteboard.getSystemPasteboard()
        s2.getPasteData((error, pasteData) => {
            if (error) {
                console.error('Failed to getPasteData. Cause: ' + error.message);
                return;
            }
            this.status2 = pasteData.getPrimaryText();
        });
    }
}

注意:

目前Deveco Studio提供的模拟器和预览器均不支持剪贴板功能,只可在真机上查看复制粘贴的效果。

TRANSLATE with x English
Arabic Hebrew Polish
Bulgarian Hindi Portuguese
Catalan Hmong Daw Romanian
Chinese Simplified Hungarian Russian
Chinese Traditional Indonesian Slovak
Czech Italian Slovenian
Danish Japanese Spanish
Dutch Klingon Swedish
English Korean Thai
Estonian Latvian Turkish
Finnish Lithuanian Ukrainian
French Malay Urdu
German Maltese Vietnamese
Greek Norwegian Welsh
Haitian Creole Persian  
  TRANSLATE with COPY THE URL BELOW Back EMBED THE SNIPPET BELOW IN YOUR SITE Enable collaborative features and customize widget: Bing Webmaster Portal Back

标签:web,剪贴板,console,鸿蒙,pasteboard,error,pasteData
From: https://www.cnblogs.com/xwjz/p/17758786.html

相关文章

  • C# webapi 跨域
    #region启用跨域访问app.UseCors(builder=>builder.AllowAnyMethod().SetIsOriginAllowed(_=>true).AllowAnyHeader().AllowCredentials());#endregionapp.UseCors(); //允许来自任何来源、使用任何HTTP方法、包含任何HTTP头的跨域请求,......
  • webapi action 参数
    使用地址参数传递(queryString)数据:eg:http://localhost:5063/WeatherForecast?age=123///<summary>///GET方法///</summary>///<returns></returns>[HttpGet(Name="GetWea阿斯顿rFoasasst")]publi......
  • 简单 webapi 登录成功就返回 电脑的进程信息·
    ///<summary>///如果登录成功就返回电脑的进程信息///</summary>///<returns></returns>[HttpPost]publicLoginResponseLogin(LoginRequestreq){if(req.UserName=="admin"&......
  • Web api整合EF Core
    注意这个是asp.netcore,asp.net出门左转首先vs创建或者rider创建新项目空的webapi项目,当前项目版本.NET6建表 添加依赖配置efcore使用nuget添加或者控制台 ,对应数据库和版本自己确定Microsoft.EntityFrameworkCore.SqlServers实体类映射配置和DbContext配置pub......
  • javaweb第7章源码
    javaweb第7章源码:下载链接:https://wwpv.lanzoue.com/iurOS1bijocb文件结构:CHAPTER07│.classpath│.project│├─.settings│.jsdtscope│org.eclipse.jdt.core.prefs│org.eclipse.wst.common.component│org.eclipse.wst.common.proje......
  • Java web 中央控制器
    Javaweb中央控制器mvc-servlet优化beanMap相当于一个容器http://localhost:8080/pro15/fruit.do?operate=edit&fid=2在上面的链接中使用fruit.do找到Controller控制器.然后再通过operate找到edit方法在原本的方法之中我们发现在FruitController的各种方法比如update(),ed......
  • 软件测试|测试平台开发-Flask 入门:编写第一个简单 Web 应用
    简介Flask是一个轻量级的PythonWeb框架,它使得创建Web应用变得简单快捷。相比于Django框架,它具有以下的优点:轻:Flask是一个轻量级的Web框架,使用Python语言编写易:较其他同类型框架更为灵活、轻便且容易上手快:小型团队在短时间内就可以完成功能丰富的中小型网站或We......
  • WebAssembly C++开发环境搭建
    WebAssembly开发环境搭建简介WebAssembly是一种新的编码方式,可以在现代的网络浏览器中运行-它是一种低级的类汇编语言,具有紧凑的二进制格式,可以接近原生的性能运行,并为诸如C/C++等语言提供一个编译目标,以便它们可以在Web上运行。它也被设计为可以与JavaScript共存,允许两......
  • 封装利用libwebsockets写出的客户端、服务端程序为客户端服务端类
    1.封装我们后续将使用c++来开发程序,因此有必要将用c写成的wss客户端、服务端程序作进一步封装,使其成为wss客户端类和服务端类,这样更便于调用。封装后的程序结构: ubuntu@ubuntu-virtual-machine:~/work/test_libwebsockets/lws_class$tree .├──client│  ├──cl......
  • 数字孪生智慧搅拌站Web3D可视化管理云平台
    在当今的建筑工程领域,混凝土作为重要的建筑材料之一,其质量和供应的稳定性一直是工程成败的关键。建设背景市场背景混凝土,简称为“砼”。是当代最主要的土木工程材料之一。自2003年10月发布“禁现令”以来,国内预拌混凝土行业高速发展,年产量从1亿余方增长至2021年的32亿方以上,企......