{"remainingRequest":"D:\\源码\\vue-element-admin-master\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\源码\\vue-element-admin-master\\src\\views\\clipboard\\index.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\源码\\vue-element-admin-master\\src\\views\\clipboard\\index.vue","mtime":1649647926000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KCmltcG9ydCBjbGlwIGZyb20gJ0AvdXRpbHMvY2xpcGJvYXJkJyAvLyB1c2UgY2xpcGJvYXJkIGRpcmVjdGx5CmltcG9ydCBjbGlwYm9hcmQgZnJvbSAnQC9kaXJlY3RpdmUvY2xpcGJvYXJkL2luZGV4LmpzJyAvLyB1c2UgY2xpcGJvYXJkIGJ5IHYtZGlyZWN0aXZlCgpleHBvcnQgZGVmYXVsdCB7CiAgbmFtZTogJ0NsaXBib2FyZERlbW8nLAogIGRpcmVjdGl2ZXM6IHsKICAgIGNsaXBib2FyZAogIH0sCiAgZGF0YSgpIHsKICAgIHJldHVybiB7CiAgICAgIGFjdGl2ZU5hbWU6ICdkaXJlY3RseScsCiAgICAgIGlucHV0RGF0YTogJ2h0dHBzOi8vZ2l0aHViLmNvbS9QYW5KaWFDaGVuL3Z1ZS1lbGVtZW50LWFkbWluJwogICAgfQogIH0sCiAgbWV0aG9kczogewogICAgaGFuZGxlQ29weSh0ZXh0LCBldmVudCkgewogICAgICBjbGlwKHRleHQsIGV2ZW50KQogICAgfSwKICAgIGNsaXBib2FyZFN1Y2Nlc3MoKSB7CiAgICAgIHRoaXMuJG1lc3NhZ2UoewogICAgICAgIG1lc3NhZ2U6ICdDb3B5IHN1Y2Nlc3NmdWxseScsCiAgICAgICAgdHlwZTogJ3N1Y2Nlc3MnLAogICAgICAgIGR1cmF0aW9uOiAxNTAwCiAgICAgIH0pCiAgICB9CiAgfQp9Cg=="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAoBA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"index.vue","sourceRoot":"src/views/clipboard","sourcesContent":["<template>\n <div class=\"app-container\">\n <el-tabs v-model=\"activeName\">\n <el-tab-pane label=\"use clipboard directly\" name=\"directly\">\n <el-input v-model=\"inputData\" placeholder=\"Please input\" style=\"width:400px;max-width:100%;\" />\n <el-button type=\"primary\" icon=\"el-icon-document\" @click=\"handleCopy(inputData,$event)\">\n copy\n </el-button>\n </el-tab-pane>\n <el-tab-pane label=\"use clipboard by v-directive\" name=\"v-directive\">\n <el-input v-model=\"inputData\" placeholder=\"Please input\" style=\"width:400px;max-width:100%;\" />\n <el-button v-clipboard:copy=\"inputData\" v-clipboard:success=\"clipboardSuccess\" type=\"primary\" icon=\"el-icon-document\">\n copy\n </el-button>\n </el-tab-pane>\n </el-tabs>\n </div>\n</template>\n\n<script>\nimport clip from '@/utils/clipboard' // use clipboard directly\nimport clipboard from '@/directive/clipboard/index.js' // use clipboard by v-directive\n\nexport default {\n name: 'ClipboardDemo',\n directives: {\n clipboard\n },\n data() {\n return {\n activeName: 'directly',\n inputData: 'https://github.com/PanJiaChen/vue-element-admin'\n }\n },\n methods: {\n handleCopy(text, event) {\n clip(text, event)\n },\n clipboardSuccess() {\n this.$message({\n message: 'Copy successfully',\n type: 'success',\n duration: 1500\n })\n }\n }\n}\n</script>\n\n"]}]}
|
