- 博客(11)
- 收藏
- 关注
RSS订阅原创 Vant移动端rem适配：引入amfe-flexible、postcss-pxtorem依赖
场景需求：项目本是纯vue环境，因功能迭代开始交互多了，需要引入vant来完善细节；引入vant后发现里面默认px单位，项目本是rem单位，所以需要动态转换避免过多手动重写样式lib-flexible用于设置 rem 基准值，设置根字体的大小postcss-pxtorem是一款 postcss 插件，用于将单位转化为 rem只需两三步哈~~目录安装依赖配置一下.postcssrc.js 文件最后（可有可无）安装依赖cnpm i amfe-flexiblec...
2021-03-05 16:52:48
846
2
原创 Vue 应业务需求，需页面加载后再手动渲染组件
试了很多种各个论坛上的方法感觉对组件的key进行更改 是目前比较舒服的方法代码如下：<template> <componentA :key="comKey" /></template><script>import componentA from '@/components/componentA';export default {data () { return { comKey: 0,
2021-01-07 16:17:00
325
原创 关于Vue项目中favicon.ico的应用配置&取消favicon.ico请求
首先，一般把favicon.ico（固定命名）放在static里，如下图：在开发环境中，配置webpack.dev.conf.js里的pluginsnewHtmlWebpackPlugin里加上 favicon:'./static/favicon.ico',相对路径项目打包部署，便配置webpack.prod.conf.js里的pluginsnewHtmlWebpackPlugin里加上 favicon:'./static/favicon.ico',相对路径...
2020-12-15 10:50:48
6103
2
原创 vant的toast 被忽略的type:html提示类型
为了满足实现UI图的 icon需要在提示内容前显示，具体代码如下：this.$toast({ message: `<div><i class="iconfont iconkongxinwenhao" style="margin-right:5px"></i><span>抱歉，该机型不支持开通，暂无法订购</span></div>`, type: 'html'});...
2020-11-19 16:21:26
1053
转载 节流防抖函数的原理及封装（原生、vue）
一、背景 实际工作中，我们经常性的会通过监听某些事件完成对应的需求，比如：通过监听 scroll 事件，检测滚动位置，根据滚动位置显示返回顶部按钮 通过监听 resize 事件，对某些自适应页面调整DOM的渲染（通过CSS实现的自适应不再此范围内） 通过监听 keyup 事件，监听文字输入并调用接口进行模糊匹配二、函数防抖 定义：多次触发事件后，事件处理函数只执行一次，并且是在触发操作结束时执行。 原理：对处理函数进行延时操作，若设定的延时到来之前，再次触发事件，则清除上一次的延
2020-09-02 17:40:06
607
转载 VUE中解决长列表方法，VUE中使用VUE-VIRTUAL-SCROLL-LIST 详情，VUE可视区渲染
1.安装vue-virtual-scroll-list npminstallvue-virtual-scroll-list--save2. 引入下载好的组件 记得局部注册一下组件importvirtualListfrom'vue-virtual-scroll-list'3.v-for循环的方式 循环数据 <template> <div class="about"> <h1>This is an about...
2020-08-31 14:59:02
4766
原创 在父组件触发子组件重新渲染 - vue
在父组件中引用多个子组件时，触发子组件2重新渲染 （是否显示“返回”按钮）根据子组件1的数据表动，改变子组件2的参数值并重新渲染子组件1、2代码如下：子组件TopBar添加:key 时间(new Date()).getTime()毫秒数变动，防止js缓存，达到动态渲染目的<template> <div class="bind"> <TopBar v-bind:propsdata='returnData' :key='(new Date())..
2020-08-12 17:03:04
2037
原创 阻止事件冒泡 -- 在antd-mobile中，拦截点击picker后默认打开行为
由于公司项目业务逻辑需求，需要在点击picker后判断数据是否为空，再决定是否打开picker；若接口响应数组为空，阻止picker打开。 这里就需要用到jQuery的event.stopImmediatePropagation()方法（执行第一个事件处理程序，并阻止剩下的事件处理程序被执行）给picker外层DIV进行添加id属性<div id='ID'> <Picker data={data} cols={1} {...g...
2020-07-30 14:47:53
1815
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人