{"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"]}]}