- 博客(13)
- 收藏
- 关注
RSS订阅原创 vue之父组件之间调用方法
1.父组件调用子组件方法1.可以通过ref//子组件里面的方法methods: { async getAppIdNameArr(createBy) { console.log('即将被父组件调用') } }//父组件调用先在子组件标签上定义个ref，然后父组件直接调用<ChannelLinkage :app-id-select.sync="form.appId" :is-channel-default="isChann
2021-05-27 10:54:20
342
原创 vue项目中使用rem插件布局
1.安装rem布局插件amfe-flexible、postcss-px2rem-excludenpm i amfe-flexible postcss-px2rem-exclude --save2.在main.js文件中引入import 'amfe-flexible'3.新建postcss.config.js按照我们的设计图尺寸配置postcss.config.js内容这是按设计图是750尺寸配置的module.exports = { plugins: { aut
2021-05-17 14:03:23
411
原创 网页判断是移动端还是PC端
网页判断是移动端还是PC端网页判断是移动端还是PC端有时需要在网页判断是移动端还是pc端，然后做相应的操作//判断是pc还是移动端 function isMobileOrPc() { let flag = navigator.userAgent.match( /(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowse
2021-05-14 15:42:13
314
原创 uniapp第一次生成canvas为黑屏
uniapp使用canvas绘制图片的时候第一次生图片为黑屏，那么就是写法有问题了，这时候需要把uni.canvasToTempFilePath的方法写在canvas.draw()中。ctx.draw(false, () => { uni.canvasToTempFilePath({ x: 0, y: 0, width: that.windowWidth, // 截取的画布的宽 height: that.windowHeight,
2021-04-16 19:12:14
1330
原创 Vue中实现router-view的局部刷新或者相同路由刷新
vue中有两个属性，provide和inject属性provide：返回一个对象，跟vue中的data很像，里面有我们要传值给子组件的属性或者对应函数。inject：子组件接收父组件的值，可以是字符串数组或对象。属性值可以是一个对象，包含from和default默认值。官网意思：这对属性配合使用，可以这个定义的父组件下的所有子组件中拿到父组件的值，相当于全局的props。1.首先在父组件中定义provide<template> <div id="app"> &l
2020-12-01 11:54:06
2529
原创 vue搭配cross-env配置多环境打包
一个项目中，有测试，正式，本地，如果不配置下打包环境的话，每次npm run build的时候都要切换下请求的地址，这就不太符合我们的工作习惯，所以还是一开始配置下，后面就不用这么麻烦。1.cross-env这个插件主要是解决跨平台命令的不一致npm install cross-env –save-dev2.在config文件中新建test.env.js并修改prod.env.js文件//新建test.env.js'use strict'module.exports = { NODE_E
2020-08-26 16:02:46
963
1
原创 vue项目封装axios请求
1.每个vue项目大小都应该封装下公共请求，比较方便，方便我们项目中的调用(1)首先先安装axiosnpm i axios -save(2)新建一个js文件，准备封装axiosimport axios from 'axios';import { Message} from 'element-ui';import Qs from 'qs';//axios实例创建const service = axios.create({ baseURL: process.env.ROOL_API,
2020-08-26 09:53:09
155
原创 vue图片预览放大缩小插件v-viewer用法
1、先安装依赖npm install v-viewer --save2、vue项目中引用（在main.js中或要使用的页面导入）import Vue from 'vue'import Viewer from'v-viewer'import 'viewerjs/dist/viewer.css'Vue.use(Viewer)3、直接在页面中当标签使用这个组件（1）单个使用<viewer :images="listSalesImg" :options="OptionssalseImg"
2020-06-11 11:00:11
1188
原创 uniappH5端解决跨域问题
uniapp跨域主要是在浏览器中调试的时候会出现，在app和小程序端运行是不会的，以下的方法只适用在浏览器调试时出现跨域问题是解决。谢谢1.在我们的uniapp项目中的manifest.json中添加下面的代码"h5" : { "devServer": { "port": 8080, "di...
2020-04-04 16:30:18
5805
5
原创 vue的element ui结合阿里云视频上传案例
vue前端element ui上传视频到阿里云案例对阿里云官网给的文档我觉得有点坑，没有给完全，对一个第一次使用阿里云api的小白来说，有点疼苦，搞了大半天才弄出了，这里给大家填下坑。1.视频上传阿里云，首先引用阿里云的sdk,放在index.html中引用我这里的文件是放在static下的<!DOCTYPE html><html> <head>...
2020-03-29 12:19:05
1805
7
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人