几个小知识点-CSDN博客

import { saveAs } from 'file-saver'
downloadModelByIds(传参) // 调接口
        .then(({ data }: any) => {
            confirmLoading.value = false
            const filename = `${downloadNames.value}.zip` //设置文件名字
            const blob = new Blob([data], { type: 'application/zip' })
            saveAs(blob, filename)
        })
        .catch((error) => {
            confirmLoading.value = false
            console.log(`output->error`, error)
        })

9.拷贝

import useClipboard from 'vue-clipboard3'
const { toClipboard } = useClipboard()
const copyUrl = async (record: string, tip: string) => {
    try {
        // 复制
        await toClipboard(record)
        message.success(`${tip}拷贝成功`)
        // 复制成功
    } catch (e) {
        // 复制失败
        message.error(`${tip}拷贝失败`)
    }
}

10.import引入和link引入的区别

1.link属于XHTML标签，除了加载CSS外，还能用于定义RSS, 定义rel连接属性等作用，而@import是CSS提供的，只能用于加载CSS;

2.页面被加载的时，link会同时被加载，而@import引用的CSS会等到页面被加载完再加载;

3.import只在IE5以上才能被识别，而link是XHTML标签，无兼容问题。

11.$mount和el

$mount和el都是用来将vue实例挂载到dom上的

区别：el是自动挂载，$mount是手动挂载（灵活一点）

12.使用ref获取Dom

<input type="text" id="input_box" ref="inputRef">

使用ref获取 const dom = this.$refs.inputRef

ref 被用来给元素或子组件注册引用信息。引用信息将会注册在父组件的 $refs 对象上，如果在普通的 DOM 元素上使用，引用指向的就是 DOM 元素；如果用在子组件上，引用就指向组件实例。

注意：$refs 是一个对象，持有已注册过 ref 的所有的子组件。

使用id获取 const dom = document.getElementById("input_box")

这两种方法获得的都是Dom节点，而$refs相对document.getElementById的方法，会减少获取dom节点的消耗。