引导

driver.js

安装：npm i driver.js

import Driver from 'driver.js';
import 'driver.js/dist/driver.min.css';

const DRIVER = new Driver()
const STEPS = [
                {
                    element: '#id',
                    popover: {
                    title: '标题',<svg-icon icon-class="component" />
                    description: '描述',
                    position: 'bottom'
                }
             ]
             
// 挂载、点击使用
DRIVER.defineSteps(steps)
DRIVER.start()

复制

clipboard

安装：npm i clipboard

import Clipboard from 'clipboard'

const CLIPBOARD = new Clipboard(e.target, {
    // text: () => '文本'，
    target: () => e.target,
})

// 成功
CLIPBOARD.on('success', (e) => {
    console.log(e)
    CLIPBOARD.destroy()
})

// 失败
CLIPBOARD.on('error', (e) => {
    console.log(e)
    CLIPBOARD.destroy()
})

CLIPBOARD.onClick(e) // 注意：不写这个需要点击两次

不定期更新