alannero

摘要： 做项目时用到了iconfont的几个svg，不晓得咋搞上去，用的van-image和image标签效果都不理想，最后从网上找到了方法，记录下 首先封装一个SvgIcon组件 在components文件夹下新建一个SvgIcon.vue文件 <template> <svg aria-hidden="t 阅读全文

摘要： 封装axios的时候，会创建一个axios实例，然后配置他的baseUrl,今天搞了好久才搞定，特来记录下 首先安装axios npm install axios 然后新建文件夹utils,建个js文件，用来封装axios 文件内容，只是简单封装了下，自己搭项目玩的，token什么的都没有，base 阅读全文

摘要： 打开vite.config.js build: { chunkSizeWarningLimit: 1000, rollupOptions: { output:{ // 最小化拆分包 manualChunks: (id) => { if (id.includes('node_modules')) { 阅读全文

摘要： 很多系统都会有切换主题的 功能，现在做的是一个vant的项目，特地记录一下 这里面用到的css3的一个技术，也就是变量，css3的var()和自定义变量,具体使用可百度 大题逻辑是这样 有两种方式来实现 1. theme.css里的变量用和vant一致的变量名，例如theme.css最后的几个变量。 阅读全文

摘要： 打开vite.config.js文件 正在server里添加一个host export default defineConfig({ plugins: [vue()], // 在文件中添加以下内容 server: { host: '0.0.0.0' } }) 再重新运行一下就可以了 阅读全文

摘要： 1. 安装Node 2. 使用npm创建目录 npm create vite@latest 项目名称 -- --template vue 3. 配置@路径 (path模块是node.js内置的功能，但是node.js本身并不支持ts，所以需要手动安装) npm install @types/node 阅读全文

摘要： 非要在h5页面调用分享。然后分享到微信朋友圈，首先明确一点，微信H5分享是没有自定义分享按钮组件的，只能引导用户去主动触发右上角三个点的按钮。目前只有APP或微信浏览器右上角的三个点才可以调用 微信的官方文档只是自定义分享页面，而不是直接分享。目前有两种方法 一，采用插件 之前项目采用的jiathi 阅读全文

摘要： 有时候option选项太多，一次查询可能会返回上千条数据，这时候就需要懒加载，对数据进行分页查询 在main.js中进行全局注册 Vue.directive('el-select-loadmore',{ bind(el,binding){ const SELECTWRAP_DOM = el.quer 阅读全文

摘要： 像这种可以添加的数组表单，该怎么校验呢 <el-row :gutter="12" class="return-detail-row" v-for="(item,i) in form.orderAnjiContactAddDtoList" :key="i"> <el-col :span="8"> <e 阅读全文

摘要： 效果图 代码： html: <template> <div class="cascader-container"> <el-select placeholder="省" class="select-item" v-model="selectedValue[0].adcode" @change="on 阅读全文