微信小程序复制到剪切板及换行问题

最新推荐文章于 2024-05-21 01:30:00 发布

ys_healone

最新推荐文章于 2024-05-21 01:30:00 发布

阅读量943

点赞数

分类专栏：微信小程序文章标签：前端

本文链接：https://blog.csdn.net/ys_healone/article/details/123424178

版权

微信小程序专栏收录该内容

7 篇文章 0 订阅

订阅专栏

本文介绍了如何在微信小程序（WXML）中使用Vue.js风格的数据绑定和wx.setClipboardData API，实现在页面上输入的内容复制到剪贴板，并展示换行效果。通过实例展示了复制功能的实现过程和剪贴板数据的获取。

摘要由CSDN通过智能技术生成

wxml

<textarea type="text" v-model="copyContent" placeholder="请输入内容" style=""/>
<button type="default" @click="copy">复制内容</button>

data中声明变量

data(){
  return{
    copyContent: '',
}}

js，换行‘\n’

copy(){
		let that = this;
        //复制到剪切板
		wx.setClipboardData({
		  data: '今天天气很好\n我带了米饭和菜\n坐等吃饭！',
		  success (res) {
		    console.log('copy success');
            //获取剪切板的纸
			wx.getClipboardData({
			      success (res) {
			        console.log(res) // data
						that.copyContent = res.data
			      }
			})
		  }
		})
	},

就能看到页面上的结果