
项目
XingFang666
这个作者很懒,什么都没留下…
展开
-
vue非父子组件之间传值
记录第一次做项目遇到的坑,可能说的有所欠缺,但是功能是实现的。为了实现头部的搜索框,搜索table表格中的数据,因为是两个页面,所以需要组件传值。首先,main.js中创建事件中心eventHubnew Vue({ el: '#app', router, components: { App }, template: '<App/>', // 非父子组件传递数据,创建事件中心e...原创 2018-07-10 22:20:06 · 749 阅读 · 0 评论 -
vue proxyTable 解决本地环境跨域
在localhost环境下跑项目时,接口地址是 http://xxxx.com/cyryysl/mobileApplyStep1Save.action 这样的接口地址,我们这样直接使用会存在跨域的请求,导致接口请求不成功,我们进入 config/index.js 代码下如下配置即可。// 代理配置表,在这里可以配置特定的请求代理到对应的API接口 // 例如将'localhost...原创 2019-05-16 17:11:20 · 725 阅读 · 0 评论 -
记一次vue里面父组件给子组件style用props传值,以动态改变样式
子组件nothing.vue父组件list.vue原创 2019-06-14 17:21:41 · 8760 阅读 · 2 评论 -
vue+canvas 移动端手写签名,合并图片
<template> <div class="sign"> <div class="header"> <i class="el-icon-arrow-left backImg" @click="goBack"></i> <span class="title">个人签名</sp...原创 2019-07-09 11:20:02 · 4490 阅读 · 4 评论 -
muse时间控件mu-date-input的格式转换为xxxx-xx-xx格式
<mu-date-input v-model="carddate" type="date" :max-date="maxDate" value-format="YYYY-MM-DD" @change="selectCarddate"></mu-date-input>原创 2019-07-05 10:12:25 · 1435 阅读 · 0 评论 -
vue引入外部字体
1、转换格式将字体文件.otf格式通过https://www.fontke.com/tool/convfont/压缩并转换为下图这几种格式2.创建一个font.css引入转换后的文件@font-face { font-family: 'SourceHanSansBold'; src: url('./bold/SourceHanSansCN-Bold.eot');...原创 2019-07-15 10:45:39 · 1806 阅读 · 0 评论 -
js 获取字符串的UTF8编码
蓝牙传递数据就转成字节流就行,即使用getUTF8Bytes()方法就行// 获取字符串的utf8字节流 function getUTF8Bytes(str) { var bytes = []; var len = str.length; for (var i = 0; i<len; ++ i) { var code = str....转载 2019-07-15 10:55:19 · 6444 阅读 · 0 评论 -
JS使用RegExp对象实现replace全局匹配并替换
this.vmeeting.meetingContent = this.vmeeting.meetingContent.replace(new RegExp('font-size','gm'),' ')原创 2019-07-17 11:36:19 · 2640 阅读 · 0 评论 -
vue+Museui 混合app在安卓6.0系统显示空白的问题
原因:museui不支持ie,所以安卓6.0显示空白解决方法:import 'babel-polyfill'然后将muse卸载,将相关组件用其他的替代原创 2019-07-23 14:32:16 · 568 阅读 · 0 评论 -
混合app 安卓用户将手机系统字体大小调整后会影响app的字体大小及样式
解决思路:即使用户调整手机字体大小也不会影响app的字体解决方法:安卓工程师那边加一行webview.getSettings().setTextZoom(100)就可以禁止缩放,按照百分百显示。...原创 2019-07-23 14:42:00 · 1112 阅读 · 0 评论 -
vue 微信公众号定位+高德地图
遇到的坑,没有搞清楚this指向导致微信定位拿到的经纬度赋值给高德地图时,没有赋值成功。wxRegister() { var _this = this let mapdata={ url:location.href.split('#')[0] // url:'http://vyljd.xiaoluxueche.com/cyry/' ...原创 2019-08-08 09:39:28 · 4121 阅读 · 3 评论 -
解决vue2移动端引入px2rem插件导致muse、vux等等UI组件样式错乱,我们应该使用postcss-plugin-px2rem插件
1、先npm 安装postcss-plugin-px2rem插件npm i postcss-plugin-px2rem --save -dev2、找到与src同级目录下的.postcssrc.js到此,就结束了,这样就不会导致ui组件里面的px转换成rem,样式也就不会错乱。...原创 2019-05-20 18:02:56 · 2409 阅读 · 3 评论 -
记录一次数组对象去重
首先说一下项目需求,我需要一个数组长度只能为5的数组,通过websoket获取数据,具体情况是pad端点击一下访问接口,websocket就能获取到数据,我需要把拿到的数据组成一个对象push到长度为5的数组里,该数组里面不能有重复的数据,这就需要对数组去重。...原创 2019-05-14 16:00:15 · 156 阅读 · 0 评论 -
element table 表格的行高以及表头样式修改,列的字段太多显示不下用...隐藏是show-overflow-tooltip
首先,表头样式的修改:header-cell-style效果图其次,表格行高的修改:row-style="rowClass"最后,字多的解决办法show-overflow-tooltip原创 2018-10-09 22:12:19 · 12654 阅读 · 0 评论 -
vue+element解决点击table列表的从详情或修改页面跳转路由到列表页总是跳转到第一页,而不能跳转到当前页的问题
思路:将当前页的页码currentPage存入session,然后点击详情跳转到详情页面,然后,再次返回当前页的时候,在created生命周期里,获取到存储的currentPage,再进行加载...原创 2018-12-14 09:50:09 · 9403 阅读 · 0 评论 -
按需引入mint-ui,在vue项目中使用上拉加载和下拉刷新
import 'mint-ui/lib/style.css'import { Toast,MessageBox,InfiniteScroll,Loadmore,Spinner } from 'mint-ui';Vue.component(Toast);Vue.component(MessageBox);Vue.component(InfiniteScroll);Vue.comp...原创 2019-01-18 11:44:59 · 613 阅读 · 0 评论 -
vue+微信公众号+微信支付
1.前端获取code传给后台拿到openid,将openid存入session 2.唤起微信支付以下为微信支付官方文档 以下为我代码中的唤起微信支付函数至此,微信支付完毕...原创 2019-01-14 11:42:15 · 696 阅读 · 4 评论 -
用formData的方式传值
原创 2019-04-02 11:10:11 · 5972 阅读 · 0 评论 -
Object.assign()在项目中的应用
Object.assign()方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。原创 2019-04-02 11:20:53 · 473 阅读 · 0 评论 -
移动端vue调用照相机及相册
<template> <div class="me-detail"> <m-hbar title="个人笔记"/> <div class="detail-title"> 个人总结 </div> <p v-if="vpersonalNot...原创 2019-04-08 15:58:29 · 15311 阅读 · 15 评论 -
echarts的自适应窗口大小
之前一直没弄清楚echarts到底是怎么自适应窗口大小的,最近做H5项目中忽然找到原因了。<div id="myChart" style="height: 300px;"></div><script src="../js/echarts.min.js"></script><script type="text/javascrip...原创 2019-04-16 09:26:46 · 2554 阅读 · 0 评论 -
vue中 input框 清除按钮的显示与隐藏
<input v-model="name" class="input step2-cont-ipt" required placeholder="请输入姓名" ><a class="clear" @click="clear1();return false;"></a>methods: { clear1(){ if...原创 2019-04-19 17:48:37 · 12874 阅读 · 3 评论 -
vue-cli项目的权限控制
1、vue项目的前端权限控制,创建一个js文件2、将js文件引入main.js里面,一登录跳转页面之前判断session里面存的权限有没有js文件里面的,各种不同的权限跳转不同的页面。import allPermissions from '@/utils/permissionsAll'window.allPermissions = allPermissions// 路由拦...原创 2019-08-20 17:32:25 · 1263 阅读 · 0 评论