vue 中實現複製貼上

一個人的江湖發表於2019-08-31

首先需要後臺返回 url 地址:

$specialTopicUrl = url('v2/marketing/specialTopic/goodsList', $item->id)

按鈕:

<el-button size="mini" type="info" @click="copySpecialTopicUrl(scope.row)">複製活動連結</el-button>

方法:

copySpecialTopicUrl (row) {
    var oInput = document.createElement('input'); //建立一個隱藏input(重要!)
    oInput.value = row.SpecialTopicUrl;    //賦值
    document.body.appendChild(oInput);
    oInput.select(); // 選擇物件
    document.execCommand("Copy"); // 執行瀏覽器複製命令
    oInput.className = 'oInput';
    oInput.style.display = 'none';
    this.$message.success('複製成功');
}

乾坤未定,你我皆是黑馬

相關文章