ฅ˙-˙ฅ

摘要： 1. 需求 iview Table组件支持自定义列模板 <template> <Table :columns="columns" :data="tableData"> <template slot-scope="{ row }" slot="name"> <strong>{{ row.name }} 阅读全文

摘要： 问题： 在global.less文件中定义一些全局使用的less变量； 结果组件使用这些全局变量时，都要 引入该文件,否则报错 解决方法和步骤 1. 安装style resources loader 2. 在vue.config.js中进行配置 阅读全文

该文被密码保护。 阅读全文

摘要： 说明，之前的vscode开发vue项目保存时自动执行lint进行修复保存格式化，只对vue中js部分有效，template和css没有格式化，先基于此进行升级，步骤如下： 1. vue-cli创建项目时选择eslint+prettier（也可后期安装使用） 2. .eslintrc.js文件配置es 阅读全文

摘要： 1. 问题 做用户中心的时候，用户中心左侧显示用户头像和导航栏，点击导航栏会切换子路由； 我在父路由组件created调用获取用户头像接口，发现每次切换子路由都会调用该接口，也就是每次切换子路由，父路由都会重新渲染 2. 原因 home中： 也就是渲染父路由的容器。 因为设置了key，所以改变路由时 阅读全文

摘要： 切换路由时，页面实现左右滑动的效果(手机端使用场景比较多)； 思路： 路由meta中添加level数字，代表层级，切换路由时，如果level值变小，则右滑动，否则左滑动 0. 效果 1. 路由添加滑动标记(router.js文件配置：) 2. 为路由组件包裹transition并设置滑动样式 阅读全文

摘要： 一. 问题： 如题所描述，div设置为inline block后，产生如下现象： 二. 解决办法： 1. div之间不要换行不要留空格，写成这种： 2. 父元素的font size：0；再给子div设置一个font size 三. 原因 出现空隙是因为div标签设为行内块级元素后代码里的换行被浏览器 阅读全文

摘要： 一. 直接引用地址 1. iconfont我的项目里生成地址： 2. 在index.html head中引入上面地址 这种方法简单快捷，但是会依赖外部地址的css，可能会导致系统不稳定 二. 将iconfont文件下载到项目中 1. 下载并解压文件 2. 将解压的文件拷入项目中的styles文件中， 阅读全文

摘要： 1. 组件内容 2. 使用 阅读全文

摘要： 1. 由ui提供后缀为.ttf的字体文件包 我这里命名为pmzd.ttf 2. 创建css文件引入字体文件包 我这里用的less， pmzd.less内容如下： 3. index.less中引入上一步的css文件pmzd.less（我这里所有样式通过index.less引入） 4. main.js中 阅读全文