虽然复制的实践并不复杂,但是如果遇到一个场景写一个也是麻烦,今天封装了一个复制方法,引用简单只需增加HTML标签属性即可,支持后台管理任何界面调用。支持直接赋值内容,同时也支持设置DOMID的方式,目前是ID方式是 html,如果小伙伴需要复制纯TEXT文本,对代码稍加改动即可。
效果展示
第一步:增加JS函数
在文件 /public/assets/js/backend-init.js 中添加如下代码
JS代码
第二步:在模板中引用
html代码
<button type="button" class="btn btn-xs btn-info" data-tips-copy data-copy-content="{$data.ad_code}" data-copy-domid="">复制</button>
属性说明:
data-tips-copy 标记点击复制的元素 会自动绑定事件
data-copy-content=“要复制的内容” id和内容设置其一即可
data-copy-domid=“要复制的容器ID” 如果设置了ID则优先复制ID内的HTML