![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
okboy519
这个作者很懒,什么都没留下…
展开
-
Vue路由传参及传参后刷新导致参数消失处理
1. 使用 query传递参数this.$router.push({ path:'/mvplay', query:{ mvId:this.discList[index].vid, }})this.$router.query.mvId2.使用params传递参数时:需要在路由表中在path那里后面/:(参数名)//传递参数this.$router.push({ ...转载 2020-03-18 21:26:28 · 454 阅读 · 0 评论 -
Vue项目自定义轮播图基础组件
Vue项目自定义轮播图基础组件因为不会封装所以学习一下,记录一下1.先创建一个slider.vue组件,这个是写好的文件<template> <div class="slider" ref="slider"> <div class="slider-group" ref="sliderGroup"> <slot></...原创 2020-03-17 08:05:23 · 1254 阅读 · 0 评论 -
vue项目中axios的全局使用方法
vue项目中axios的全局使用方法vue中想要将插件全局使用得使用Vue.use()方法我是跟着上面这句话这个思路去往下想的vue文档中开发插件的文档//如果想写一个Vue插件,该插件需要有个公开方法install,这个方法的第一个参数是 Vue 构造器,第二个参数是一个可选的选项对象:var MyPlugin = {}//对象才能点方法MyPlugin.install = func...原创 2020-03-16 21:38:48 · 1005 阅读 · 0 评论 -
vue组件之间的传值的方式
一、父子组件之间的传值1.父组件向子组件传值:子组件在props中创建一个属性,用以接收父组件传来的值父组件中注册子组件在子组件标签中添加子组件props中创建的属性把需要传给子组件的值赋给该属性2.子组件向父组件传值子组件中需要以某种方式例如点击事件的方法来触发一个自定义事件将需要传的值作为$emit的第二个参数,该值将作为实参传给响应自定义事件的方法在父组件中注册子组件...转载 2020-03-15 18:50:22 · 188 阅读 · 0 评论 -
Vue-cli4打包 npm run build 路径错误解决办法
在项目根目录下,和package.json同级的目录下,创建一个vue.config.js文件publicPath:'./'**????*是解决相对路径的方法module.exports = { publicPath:'./', configureWebpack:{ resolve: { alias: { 'asse...原创 2020-03-10 11:55:20 · 4927 阅读 · 0 评论 -
vue cli4 创建vw移动端适配项目
为何要在移动端使用vw做移动端适配呢?近些年移动端的强势崛起,导致移动端适配越来越重要,个人之前一直使用的是手淘的Flexible进行适配,附上链接《使用Flexible实现手淘H5页面的终端适配》,但是发现并不是非常完美,给力的是大漠老师写了一篇《如何在Vue项目中使用vw实现移动端适配》,比较完美的解决了适配问题,下面是自己动手搭建后的一些整理。1.我用的是vue-cli4脚手架搭建的...原创 2020-02-13 13:23:24 · 1822 阅读 · 1 评论 -
Vue(vue4.0)项目中,使用响应式布局插件postcss-px-to-viewport,转成视口
Px2vw-css转换1.项目版本:vue-cli 4.1.1版本|2.安装插件npm install postcss-px-to-viewport --save-dev**|3.在项目的根目录下创建一个 postcss.config.js 文件 **module.exports = { plugins:{ autopr...原创 2020-02-05 14:14:42 · 3937 阅读 · 0 评论