随手笔记

摘要： <script setup lang="ts"> import { SoundOutlined } from '@ant-design/icons-vue' const props = defineProps({ title: { type: String, default: '' }, color 阅读全文

摘要： 思路;单独一个script标签 通过vm拿到setup的值 前提是需要暴露出来 原因：无法在setup下使用deforeRouteEnter 阅读全文

摘要： 注意： 1、supervision_box 获取的Dom节点一定不能使用 overflow：auto， 否则滚动的内容将无法截图（overflow：auto放在父级上面滚动） 2、height: 2800 一定要大于Dom的高度 否则也截图不完整 const downImg = () => { co 阅读全文

摘要： <template> <div class="box"> <div @click="clearLine">clear</div> <div @click="initConponents">line</div> <div @click="getData">get</div> </div> <div c 阅读全文

摘要： // 注意：文件的url一定是服务器上的地址 如http:xxxx // 先下载 npm i jszip file-saver // 封装 import JSZip from 'jszip' import FileSaver from 'file-saver' const getFile = (ur 阅读全文

摘要： 有时我们会用render渲染表格的columns，里面的按钮如何去调用.vue文件的方法？ 思路： 在.vue文件中我们通过参数的方式传给.js文件，然后用变量接收，点击时执行 实现如下： // .vue 文件 import { getFn } from './list.js' // 如果是cons 阅读全文

摘要： // 父页面 <template> <div class="main_body"> <blockTitle title="事件详情" /> <a-form ref="formRef" :model="formValue" style="width: 100%" class="form_box" :l 阅读全文

摘要： 'vue/multi-word-component-names': 'off' 引入 './.eslintrc-auto-import.json' 引入 AutoImport({ imports: ['vue', 'vue-router', 'pinia'], dts: 'src/auto-impo 阅读全文

摘要： ```html ``` ```javascript // 表格中核心的js import { ref, onMounted, useSlots } from 'vue' const slots = useSlots() // 自动获取父组件传递过来的插槽 // 获取父组件过来的插槽数量，便于循环 c 阅读全文

摘要： ```javascript // 根据name属性去重 数据的第一项和第二项因为name相同，也会被认为是一项 const arr = [ { name: "1", age: 12 }, { name: "2", age: 12 }, { name: "2", age: 15 }, ]; const 阅读全文