首先下载scss，sass-loader，sassnpm install --save-dev sass-loadernpm install --save-dev node-sassnpm install --save-dev sass打开vite.config.ts,添加下边代码，并重启服务module.exports = {cssPreprocessOptions: {scss: {addit

前端 Lottle动画实现方式

原生标签与UI框架都可以使用禁止输入空格（v-model.trim 只能禁止左右两旁空格）<input type="text" oninput="value=value.replace(/\s*/g,'')"><el-input type="text" v-model='text' oninput="value=value.replace(/\s*/g,'')">只能输入数

在开发echarts的时候我们不得不考虑数据为空的情况，其实有很多种解决办法，我自己是这样做的，有更好的办法请私信我，共同学习。大概长这样：创建你的utils:export const setNotopt = (demo,subtext = '暂无数据')=> {var option = {title: {text: ' {a|}',x: 'center',y: 'center',

getBase64(file) {return new Promise((resolve, reject) => {let reader = new FileReader();let fileResult = "";reader.readAsDataURL(file);reader.onload = () => {fileResult = reader....

vue2.6项目升级至vue2.7遇到的问题解决办法

首先下载scss，sass-loader，sassnpm install --save-dev sass-loadernpm install --save-dev node-sassnpm install --save-dev sass打开vite.config.ts,添加下边代码，并重启服务module.exports = {cssPreprocessOptions: {scss: {addit

后觉得还有更好的解决办法，这次真的找到更加优化版本，一定需要后台配合才行：后台接口返回文件流，不用判断安卓还是IOS，统一前端点击按钮使用form表单提交，安卓会自动弹出默认浏览器引导，IOS会弹出下载窗口。这个应该是最优版本。这里有个知识点，form表单提交，method=‘get’请求 action 无法携带?method=“post’可以携带。

安卓用户，手动点击右上角打开其他浏览器。_loadFile是使用pdf.js 预览pdf文件的，会在下个文章写，当然如果页面是空白也可以，或者是一段友好的提醒文字也可以。IOS手机可以直接下载文件，但是需要后端设置Content-Disposition和Content-Type。PopUp组件是引导层，引导用户点击右上角打开其他默认浏览器，代码就不贴这里了，每个公司都有每个公司的风格。安卓手机只能