『uniapp』简单文本复制文字 富文本内容复制文字（详细图文注释）

---

欢迎关注 『uniapp』 专栏，持续更新中
欢迎关注 『uniapp』 专栏，持续更新中

text组件

官方文档可知app端用selectable可实现文本选中进而可复制,也就是说text标签内部的文本就可以复制了

https://uniapp.dcloud.net.cn/component/text.html

属性名	类型	默认值	说明	平台差异说明
selectable	Boolean	false	文本是否可选
user-select	Boolean	false	文本是否可选	微信小程序
space	String		显示连续空格	钉钉小程序不支持
decode	Boolean	false	是否解码	百度、钉钉小程序不支持

---

错误代码示例

					<text selectable="true">
							<rich-text  :selectable="true" :nodes="content"></rich-text>
					</text>

报错：

Do not nest other components in the text component, as there may be display differences on different

原因：text 标签中存在非view的其他的标签

---

成功代码

解决办法：把 text 标签内用一个view包括所有标签即可。

<text selectable="true">
                                    <view>
                                        <rich-text :selectable="true" :nodes="content"></rich-text>
                                    </view>
</text>

---

总结

大家喜欢的话，给个👍，点个关注！给大家分享更多计算机专业学生的求学之路！

版权声明：

发现你走远了@mzh原创作品，转载必须标注原文链接

Copyright 2024 mzh

Crated：2024-4-1

欢迎关注 『uniapp』 专栏，持续更新中
欢迎关注 『uniapp』 专栏，持续更新中
『未完待续』

---