logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

vue路由的params传参和query传参

1、params传参:需要在路由配置文件中,在路由后面加上占位符示例:path: "/search/:keyword",在声明式导航时在路由后面这样传参:this.$router.push(`/search/${this.keyword}`)params传参取值:$route.params.keyword2、query传参在路由后面用?key val拼接即可,示例:this.$router.pus

PC端网页屏幕自适应方案(rem)

1、安装flexible和postcss-px2remnpm i lib-flexiblenpm i postcss-px2rem -D2、在main.js 引入lib-flexibleimport 'lib-flexible'3、删除public/index.html 中的meta标记4、修改lib-flexible/flexible.js(node_modules)5、配置postcss-px

#postcss#前端
vue组件递归

项目中出现多级菜单时,需要多层for循环时,但是当菜单增加层级时,需要在页面结构中增加一层for循环。这时我们可以使用组件递归的思想来实现:如下demo:1、定义菜单组件<template><ul><li v-for="(item, index) in list" :key="index"><p>{{ item.name }}</p>&l

#vue.js#前端#javascript
webpack之soure-map

一种提供源代码到构建后代码映射后技术,(如果构建后代码出错了,通过映射可以追踪到源代码错误),只需在webpack.config.js中添加devtool:'source-map'即可source-map:(外联)错误代码准确信息 和 源代码的错误位置inline-source-map:内联 (只生成一个内联soure-map)hidden-source-map:外联eval-sourece-ma

#webpack
echarts CDN 地址

echarts (v5.1.2) - ECharts 是一个使用 JavaScript 实现的开源可视化库,可以流畅的运行在 PC 和移动设备上,兼容当前绝大部分浏览器(IE8/9/10/11,Chrome,Firefox,Safari等),底层依赖轻量级的矢量图形库 ZRender,提供直观,交互丰富,可高度个性化定制的数据可视化图表。 | BootCDN - Bootstrap 中文网开源项目

#echarts
前端移动端滑动吸顶效果实现

1、使用Vant UI中的组件实现Vant - Mobile UI Components built on Vue2、自定义组件实现:定义stickySlot.vue<template><div class="sticky" :style="getPosition"><div class="sticky-warp"><slot></slot&g

#前端#vue.js#ui
vue中mixins的属性/方法/生命周期函数的优先级

1、对于data定义属性,组件中定义属性覆盖mixins中同名字段2、对于created、mounted等生命周期函数,mixins中中生命周期函数先执行(执行顺序按mixins中顺序),再执行组件中生命周期函数3、对于methods中的同名方法,组件内的方法覆盖mixins中的方法注:对于相同的computed属性,组件的computed属性覆盖mixins内的computed属性,而对于相同的

#vue.js#javascript#前端
到底了