theluyuan/layui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

🐛[完善]lay-code 文档 demo 代码复制功能

Browse Source
This commit is contained in:
xumi 2021-12-12 19:53:33 +08:00
parent 09f1472058
commit 6d0600fcc1
1 changed files with 9 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
example/src/components/LayCode.vue
View File

@ -19,6 +19,7 @@
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
import { layer } from '@layui/layer-vue'
import { onMounted, onUnmounted, ref, watch } from 'vue' import { onMounted, onUnmounted, ref, watch } from 'vue'
const meta = ref<HTMLElement>({} as HTMLElement) const meta = ref<HTMLElement>({} as HTMLElement)
@ -32,9 +33,14 @@ const toggle = function () {
} }
const copy = function () { const copy = function () {
var Url2 = document.getElementById('source') as any const foundCodes = meta.value.getElementsByClassName('language-html')
Url2.select() if (document.hasFocus()) {
document.execCommand('Copy') const text = foundCodes[0].textContent || "";
navigator.clipboard.writeText(text);
layer.msg("复制成功", { icon : 1, time: 1000}, ()=>{})
} else {
layer.msg("复制失败", { icon : 2, time: 1000}, ()=>{})
}
} }
onMounted(() => { onMounted(() => {