摘要：安装 npm install cropperjs@next 使用 <img ref="uploadImg" src="/cropperjs/v2/picture.jpg" alt="Picture"> // 引入 import Cropper from 'cropperjs'; // 样式 impo 阅读全文

摘要：上下拉动滚动条时卡顿、慢 body { -webkit-overflow-scrolling: touch; overflow-scrolling: touch; } 禁止复制、选中文本 Element { -webkit-user-select: none; -moz-user-select: n 阅读全文

摘要：静态图片动画 html <div class="loader">Loading…</div> css @keyframes loader { to { background-position: -800px 0; } } .loader { width: 100px; height: 100px; 阅读全文

摘要：A标签相关 如果禁用，我们调用拨号功能可以这么写！<a href="tel:4008106999,1034">400-810-6999 转 1034</a> 拨打手机直接如下 <a href="tel:15677776767">点击拨打15677776767</a> 发邮件<a href="mail 阅读全文

摘要：a{ text-decoration: none; } .post-title-link { color: #3F51B5; position: relative; display: inline-block } .post-title-link::after { content: ""; posi 阅读全文

摘要：安装 npm install xlsx-js-style --save 使用 引入 import XLSX from 'xlsx-js-style' // 最好是定义一个表个通用数据，循环得到相关数据 const tableHeader = [ { header: '序号', key: 'index 阅读全文

摘要：安装插件xlsx npm install xlsx 在需要的页面引入插件 import * as xlsx from 'xlsx' 使用xlsx读取excel文件 点击上传Excel文件 <template> <!-- 上传按钮 --> <el-upload action="#" :auto-upl 阅读全文

摘要：路由元信息 增加keepAlive:true ， scrollTop: {top: 0} ， { path: '/**/**', name: '**', component: () => import('@/views/**/index.vue'), meta: { title: '**', aff 阅读全文

摘要：使用vue自带的方法，如watchEffect() 提示'watchEffect' is not defined.eslint 解决办法，在.eslintrc.cjs文件中添加以下代码 module.exports = { root: true, extends: [ ... 'plugin:vit 阅读全文

摘要：官网地址 windicss 安装 执行命令 npm i -D vite-plugin-windicss windicss 在vite.config.js中配置 //引入 import WindiCSS from 'vite-plugin-windicss' //使用 plugins:[ WindiC 阅读全文

摘要：关于input 只限只能输入11位 行内使用 <input type="number" oninput="if(value.length>11)value=value.slice(0,11)"> 2、方法调用 <input type="text" id="inputBox" oninput="inp 阅读全文

摘要：props 注意： 只读，不能修改 props 可以实现父子组件通信,在vue3中我们可以通过defineProps获取父组件传递的数据。且在组件内部不需要引入defineProps方法可以直接使用！ 子组件获取到props数据就可以在模板中使用了,但是切记props是只读的，不能修改 父组件给子组 阅读全文