- 博客(27)
- 收藏
- 关注
RSS订阅原创 uniapp运行app 页面嵌入h5,返回键失效
解决方案:在web-view页面加入代码onReady() { // #ifdef APP-PLUS var currentWebview = this.$scope.$getAppWebview().children()[0]; currentWebview.addEventListener("loaded", function() { undefined currentWebview.evalJS( "mui.init({keyEventBind: {bac
2021-12-03 15:33:04
1335
原创 npm安装淘宝镜像执行cnpm提示禁止运行脚本
以管理员身份运行WindowsPower shell执行 set-ExecutionPolicy RemoteSigned选择A报错提示执行Set-ExecutionPolicy -Scope CurrentUser设置ExecutionPolicy值为Unrestricted(可以运行未签名的脚本)选择Y再次执行cnpm命令成功！...
2021-09-26 09:48:44
164
原创 vue3.0警告Added non-passive event listener to a scroll-blocking ‘mousewheel‘ event如何解决
vue3.0+element-plus每次项目启动都有警告 Added non-passive event listener to a scroll-blocking ‘mousewheel’ event. Consider marking event…一顿百度首先让安装npm i default-passive-events -S然后在main.js中引入import 'default-passive-events' **没用！**最终升级element-plus到最新版本可以了如cnpm inst
2021-06-25 17:10:32
2870
原创 vue3.0项目中如何优雅使用svg
安装svgo svg-sprite-loadercnpm install svgocnpm install svg-sprite-loader --save-dev新建vue.config.jsconst path = require('path')function resolve(dir) { return path.join(__dirname, dir)}module.exports = { publicPath: process.env.NODE_ENV ==.
2021-05-26 17:56:59
752
原创 wangeditor上传oss
wangeditor上传oss首先封装oss.jsimport {getOss} from '@/api/common' //获取oss上传参数接口import axios from 'axios'import moment from 'moment' //使用cnpm install moment --save// 文件扩展名提取export function fileType (fileName) { return fileName.substring(fileName.lastIn
2021-05-21 17:43:39
243
原创 2021-05-17
element ui动态控制多选select需求分析:select组件在添加的操作时为多选，修改的操作时单选，创建修改共同使用一个组件，所以需要动态控制multiple属性首页设置 :multiple=“dialogStatus === ‘create’?true:false”实现效果后发现问题修改操作后再打开实现添加逻辑，已清空v-model绑定的值但是select组件仍显示值解决方案动态控制select显示隐藏html中修改如下 加上 v-if=“update” <el-s
2021-05-17 10:14:28
58
原创 使用vue-element-admin导入阿里云svg后选中项不改变颜色？
使用vue-element-admin导入阿里云svg后选中项不改变颜色？解决方案 npm run svgo
2021-04-06 17:24:35
101
原创 vue项目中使用vant采坑记
vue项目中使用vant采坑记问题1表单使用 在页面中只引入Form还是会报错问题2表单使用用表单自带的提交@submit，如果表单里面有一个其他业务逻辑的按钮不做提交操作，比如发送验证码会验证表单中输入框的验证解决方法第一个问题要在main.js中引入import { field} from 'vant'Vue.use(field)第二个问题 button中添加代码native-type=“button”<van-button size="small" type="i
2020-11-04 16:50:37
718
原创 uni-app页面跳转参数太长问题
跳转：uni.navigateTo({ url:'../xxxx/xxxx? samplingdetail='+encodeURIComponent(JSON.stringify(item))})接收端var xxxx=JSON.parse(decodeURIComponent(options.samplingdetail))
2019-10-16 11:19:49
4319
原创 uni-app使用微信小程序weapp-popover气泡框插件
首先去官网下载插件源码https://github.com/byk04712/weapp-popover将文件夹中的components下的文件放到static文件夹下在package.json要使用的页面 "usingComponents": { "popover": "/static/popover/popover",//定义到popover.js文件下 ...
2019-10-14 17:37:12
5102
4
原创 uni-app h5打包后如何部署到测试和生产环境
需求：打包测试，生成环境H5包需求分析：其实就是不同环境调用不同的api地址首先使用vue-cli创建uni-app找到package.json文件script配置如下："scripts": { "serve": "npm run dev:h5", "build": "npm run build:h5", "build:app-plus": "cross-env NO...
2019-09-29 17:28:22
13860
3
原创 uni-app中使用ehcarts及打包h5所出现的问题
下载依赖：cnpm install mpvue-echarts下载依赖：cnpm install echarts页面引用：import echarts from ‘echarts’import mpvueEcharts from ‘mpvue-echarts’页面引用组件components: {mpvueEcharts},view页面中使用:<mpvue-echarts...
2019-09-23 15:18:40
1175
原创 vue+echart踩坑记
需求描述：页面中按钮控制上传文件后显示数据，图表显示功能点描述：控制显示隐藏(没上传文件前不显示图表),获取数据渲染图表出现问题：v-if控制显示隐藏发现图表不渲染渲染成功图表显示很小一块图表显示正常调试变小，关闭调试图表不变回原来的大小解决方案第一个问题修改v-if为v-show可解决第二个问题 动态控制容器的大小即可解决第三个问题//图表配置setoption之后...
2019-08-01 16:24:32
485
原创 wepy框架开发小程序配置自动匹配正式环境，开发环境请求url
scr下面创建config文件夹 并创建dev.js prod.js index.js三个文件dev.js export default { url: '开发环境url' }prod.js export default { url: '正式环境url' }index.js```import devConf from './dev'import prodC...
2019-07-31 13:57:15
555
1
原创 vue对象数组去重合并
需求分析 对象数组合并 去重有两个对象数组如：`var array1=[{no: 4,station_name: “兴发路4”,city: “深圳4”,area: “观澜4”,person: “张三4”},{no: 1,station_name: “兴发路1”,city: “深圳1”,area: “观澜1”,person: “张三1”}]var table...
2019-07-19 10:54:50
11883
1
原创 vue+element实现自定义主题功能
第一步按照element官网介绍安装依赖 npm i element-theme -g npm i element-theme-chalk -D执行代码 et -i 根目录会生成element-variables.scss文件修改$–color-primary：你喜欢的颜色值执行et 然后你就会看到theme文件夹下的font文件了main.js中引入import '../t...
2019-07-17 15:12:15
821
翻译 vue项目中使用screenfull.js实现全屏，缩放功能
第一步安装依赖 cnpm install --save screenfull封装组件 components下创建文件夹Screenfull 下创建文件index.vue //index.vue中代码 <template> <div> <svg-icon :icon-class="isFullscreen?'exit-fu...
2019-07-17 15:00:40
2535
1
原创 vue项目打包访问index.htm运行项目，cookie问题
问题描述 vue项目使用cookie缓存登录信息 打包访问存不了至//解决方案 换成本地缓存window.localStorage.setItem('', 1)
2019-07-08 12:07:05
1023
2
原创 element ui select组件清空选中状态后再次选择不显示问题
问题描述 表单中使用两个select 由第一个select控制另一个select的可选值watch: { "stepInfo.type": function(newValue, oldValue) { this.stepInfo.ktype = null; } },监听select清除另一个select选中选项解决方法// 在另一个受控制的select c...
2019-06-24 16:02:29
11534
7
原创 vue+element项目vs code工具上传gitHub
安装git https://www.git-scm.com/download/打开vs code工具 文件–首选项–设置 找到Git 找到setting.json打开编辑 git.path=“git安装路径”终端打开输入git init 项目会生成.git文件夹，打开文件夹下的config的文件配置如下```[core] repositoryformatversion =...
2019-06-06 10:10:58
296
原创 vue+element ui 项目打包后运行index.html访问不了?
config文件夹下index.js文件中build 改成assetsPublicPath: './',build文件夹下webpack.prod.conf.js文件改成 output: { publicPath: './', path: config.build.assetsRoot, filename: utils.assetsPath('js/[name].[chunkhash]....
2019-06-05 16:30:47
1445
原创 vue+element 做类似截图保存图片操作
vue项目安装html2canvas npm install html2canvas构建dom元素<div ref="imageTofile"></div> <!-- 需要截图保存的dom--><img :src="imgUrl "> //截图展示js里面//引入import html2canvas from "html2...
2019-05-23 10:05:44
2650
1
原创 element ui 表格去掉表头
文档提示用属性show-header <el-table :data="tableData1" :span-method="arraySpanMethod" border :show-header="status" <el-table-column ...
2019-05-16 10:34:25
26581
原创 vue项目配置ip地址访问
## vue项目配置ip地址访问第一步：打开运行框windows+r cmd 输入ipconfig 找到ipv4地址 例如192.168.0.1第二步:修改vue项目下config里面的index.js文件中host值为ip地址 重启项目运行浏览器输入ip加端口访问 出现问题：自己电脑可以访问，手机不能访问 前提同一wifi下 ip地址没有错解决方案：...
2019-04-29 09:06:21
9845
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人