vue
文章平均质量分 52
qq_40194097
这个作者很懒,什么都没留下…
展开
-
axios传参的两种方式,及常见的content-type四种格式
axios传参格式有两种 fromdata (表单数据) 格式和json字符串格式 (Request Payload)1.fromdata格式axios默认方式是Request Payload 格式, 如果请求数据时后台用的是 application/x-www-form-urlencoded ,我们需要转成fromdata形式1.import QS from ‘qs’2.axios.defaults.headers[‘Content-Type’] = ‘application/x-www-原创 2021-02-23 11:19:21 · 5620 阅读 · 0 评论 -
vue cli4 环境配置
在项目中建立 .env.development 文件 npm run serve 默认指本文件;建立.env.productionenv文件 cnpm run build 默认此文件.env.development 文件NODE_ENV="development"VUE_APP_URL='"http://192.168.0.xxx:8000/"' //开发模式运行环境.env.productionenv文件NODE_ENV="production",API_ROOT:'"https:/原创 2021-01-28 14:01:05 · 168 阅读 · 0 评论 -
h5与android和ios分享方法调用
1,h5调用android,与ios方法(按钮在A,ios中点击,h5调用点击事件传参数)定义点击事件为regShareBtns(options)方法创建app.js,调用安卓ios的分享方法,并传参(options) initShare(content,options){ // h5给客户端传递的参数 const can={ share_title:content.title, share_desc :content.desc, share_ico原创 2021-01-25 11:20:38 · 1395 阅读 · 0 评论 -
vue async await封装及使用
创建require.jsimport axios from 'axios';import QS from 'qs'axios.defaults.timeout = 5000;axios.defaults.baseURL ='http://192.168.0.xxx:xxxx'; //填写域名axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded;charset=UTF-8';axios.原创 2020-09-23 11:13:41 · 307 阅读 · 0 评论 -
vue网页给IOS传参分享微信中有问题Ios浏览器好着
使用window.webkit.messageHandlers.getShareInfo.postMessage(can)给ios传参时得bugwindow.webkit.messageHandlers.getShareInfo.postMessage方法是对IOS手机自带的东西适用,但是像微信,其他浏览器执行此方法直接报错,此时使用try…catch方法。在分享功能一定要使用要不然,微信,微博之类分享ios肯定出问题。try{ if(window.webkit!=undefined){原创 2020-09-03 11:23:32 · 591 阅读 · 0 评论 -
vue如何引入外部js
方法一:1.在scr下面建立utils文件夹,创建js文件如clientBrowser.jsconst ua = navigator.userAgent.toLowerCase();/** * 当前设备是否为安卓 * @returns {boolean} */export function android() { return ua.indexOf("android") > -1 || ua.indexOf("linux") > -1;}/** * 当前设备是否为苹果原创 2020-08-12 14:57:56 · 1668 阅读 · 0 评论 -
使用命令快速删除node_modules文件夹
先安装删除工具npm install rimraf -g然后使用删除命令rimraf node_modulesnpm install -g 全局安装,以后直接使用删除命令即可。原创 2020-08-11 10:01:34 · 903 阅读 · 1 评论 -
前端常用cdn
前端常用cdnhttps://cloud.tencent.com/developer/article/1355006原创 2020-08-03 16:33:08 · 151 阅读 · 0 评论 -
vue history模式 打包刷新后css路径错误问题
history模式下 刷新页面报错,无样式问题1.hash模式下改的路径全部初始化build utils 不加 publicPath: ‘…/…/’,config index assetsPublicPath: ‘/’, 不是./2.每次打包要删掉dist包,不要直接打包,可能造成hash值变更3.如果还是报错请重新建项目代码复制进入直接打包(简单粗暴给力解决)...原创 2020-07-16 16:00:52 · 656 阅读 · 0 评论 -
axios二次封装 和api统一管理
在src 下新建request目录,在目录下添加http.js api.js文件http.js文件/**axios封装 * 请求拦截、相应拦截、错误统一处理 */import axios from 'axios';import QS from 'qs';import { Toast } from 'vant';import store from '../store/index'axios.defaults.baseURL ='http://192.168.0.122:50001';//原创 2020-07-15 10:47:28 · 274 阅读 · 0 评论 -
wowjs 在vue中使用
之前使用wowjs只能刷新页面才会有动画,点击路由跳转无动画存在问题,这次解决了此问题过来记录一下。1.cnpm install wowjs --save-devanimate.css会自动安装。2.main.js 引入 import ‘wowjs/css/libs/animate.css’3.组件使用1. import { WOW } from 'wowjs'2. mounted() { var wow = new WOW({ boxClass: 'wow'原创 2020-06-16 11:16:39 · 421 阅读 · 0 评论 -
vue-quill-editor 在vue中的使用及增加源代码编辑器
安装vue-quill-editorcnpm install vue-quill-editor -S编辑组件中引入import {quillEditor } from "vue-quill-editor"; //调用编辑器import 'quill/dist/quill.core.css';import 'quill/dist/quill.snow.css';import 'quill/dist/quill.bubble.css';3.组件使用<quill-editor.原创 2020-06-16 11:07:43 · 3915 阅读 · 4 评论 -
vuex 使用 mapState, mapMutations,mapGetters,mapActions方法
vuex 使用 mapState, mapMutations,mapGetters,mapActions方法1.安装vuexcnpm i vuex --save-dev2.在scr文件新建store目录,目录中添加store.js并在这里插入代码片引入vueximport Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex);sto...原创 2020-04-24 16:37:49 · 224 阅读 · 0 评论 -
vue 数据更新视图没更新
data(){return{ child:['x通道','y通道','z通道'], }},methods中用setthis.$set(this.child,this.index,value)this.child为更新对象,this.index为对象下标值,value是更新后this.index对应的值此处更新对象为数组,若是对象其中this.child 为变量名称...原创 2019-08-19 15:42:32 · 113 阅读 · 0 评论 -
mintui使用 loadmore 在mt-tab-container-item中下拉不刷新问题
mt-loadmore外层一定要有固定高度的盒子:style="{ height: wrapperHeight + ‘px’ }" 和overflow:scroll.page-loadmore-wrapper {overflow: scroll;z-index: 100;}原创 2019-05-20 16:49:06 · 728 阅读 · 0 评论