使用的是 vue-clipboard2npm 包板乙,配合button按鈕扎谎,實現(xiàn)點擊復(fù)制鏈接功能
下載安裝npm包
yarn add vue-clipboard2
// 或
npm install vue-clipboard2 --save-dev
配置npm包
在項目的main.js文件導(dǎo)入并配置
import VueClipboard from 'vue-clipboard2'
VueClipboard.config.autoSetContainer = true; // add this line
Vue.use(VueClipboard);
在項目中button組件中使用
<el-button
type="text"
v-if="scope.row.op_status === 2"
v-clipboard:copy="scope.row.copyMessage"
v-clipboard:success="onCopy"
v-clipboard:error="onError"
>復(fù)制鏈接</el-button
>
v-clipboard:copy = 要復(fù)制的內(nèi)容
v-clipboard:success = 復(fù)制成功回調(diào)
v-clipboard:error = 復(fù)制失敗回調(diào)