HXH_csdn-CSDN博客

原创 uniapp 配置自定义发行

在项目的根目录创建package.json文件，内容如下，注意复制下面代码，要去掉注释。效果如下图（发行、运行）

2023-04-04 17:33:42 2141 1

原创 mongodb安装提示没有权限

mongodb安装的路径不能有中文

2022-09-21 22:41:12 1536

原创删除git上的文件，如node_modules

1、打开cmd命令工具，位置在当前项目中2、执行下面的命令// node_modules 你要删除的其他文件// master 提交的分支git rm -r --cached node_modulesgit commit -m 'node_modules'git push origin master

2022-03-24 09:26:16 2096

在使用 Stomp 的过程中遇到了好多坑，H5可以正常运行，但是手机上就报错了首先使用H5的写法Stomp + SockJS//原生window的WebSocketimport {WebSocketPolyfill} from '@/common/js/websocket-polyfill.js' //npm下载的插件import SockJS from "sockjs-client"import Stomp from 'stompjs'let global = {}global.We

2021-10-13 17:06:01 1842

原创 watch事件监听三种用法和监听多个值

第一种普通监听<input type="text" v-model="userName"/> //监听当userName值发生变化时触发watch: { userName (newName, oldName) { console.log(newName) }}第二种第一种有一个缺点就是当值第一次绑定的时候不会执行监听函数，只有当值改变的时候才会执行，如果想在第一次绑定的时候执行此监听函数则需要设置immediate为true

2021-08-09 11:39:12 2403

原创 vue ref和$refs 获取不到值

父级用this.refs获取子组件中的数据，打印console.log(this.refs获取子组件中的数据，打印console.log(this.refs获取子组件中的数据，打印console.log(this.refs)有一个东西出现，但是console.log(this.$refs.name.functione()) undefine；之前调用其他组件的时候并没有发现这样的问题。原因：要在子组件挂载完成时this.$refs.name.functione()才可以生效解决方式：this.

2021-07-23 17:21:13 3186

原创 uniapp getCurrentPage()修改上一个页面信息

我这里是返回上一页的时候修改的dataList是上一个页面data方法中的值，也就是要修改的值h5中可以直接修改，app中要加上$vmonBackPress(e) { var pages = getCurrentPages(); var page = pages[pages.length - 2]; // #ifdef APP-PLUS page.$vm.dataList[0].status = 4 console.log('vm ==>', page.$vm.dataList[0])

2021-06-09 17:58:58 1091

原创 uniapp 图片上传的封装

下面是图例app中用到的图片上传很多，所以就将这个方法写成一个组件，下面是我的代码1、在components中创建imgUpload.vue页面（子组件）<template> <view class="l-fc l-fw" style="margin: 0 -6px;"> <block v-if="list&&list.length>0"> <view v-for="(item, index) in list" :key=

2021-06-09 16:16:06 660

原创源对象的属性复制到目标对象上(不会影响原数据)

oldObj = { a: 1}let obj = {}// 用assign将源对象的属性复制到目标对象上(不会影响原数据)Object.assign(obj,oldObj)obj['b'] = '2'obj['c'] = '3'console.log(oldObj ); //{a: 1}console.log(obj); //{a: 1,b:2,c:3}

2021-05-10 10:12:39 203

原创 Element-ui之ElScrollBar组件滚动条的使用方法

在翻看 element-ui官网的文档时,发现el-scrollbar不会写在文档中。通过阅读源码，scrollbar组件暴露了 native, wrapStyle, wrapClass, viewClass, viewStyle, noresize, tag 这7个 props属性props: { native: Boolean, // 是否使用本地，设为true则不会启用element-ui自定义的滚动条 wrapStyle: {}, // 包裹层自定义样式 wrapClass: {}, //

2021-03-10 11:43:05 535

原创 uniapp中 :style的语法问题(兼容微信小程序)

直接上代码html<view class="c-bg-g l-ft l-fw" :style="[Style]"></view>jscomputed: { Style() { let { page_margin, goods_margin } = this.data let obj = { "padding": `0 ${page_margin}px`, "margin": `0 -${goods_margin/2}px` }

2021-02-19 15:07:11 6175 5

原创 uni-app 上下两个view暂满页面,flex布局

页面是需要一个nav导航和一个列表,因为列表里面有很多数据,所以要加一个scroll-view下面代码<view style="height: 100vh;display:flex;flex-direction: column; align-items: flex-start;"> <view> <view stype="display:flex;flex-direction: row; align-items: center;"> <view&gt

2021-01-06 17:43:03 2499

原创 uni-app app定位当前地理位置

首先申请地图的key,然后在manifest.json文件中配置,如下图下面直接上代码getLocation: function() { let that = this uni.getLocation({ type: 'wgs84', geocode: true, success: function(res) { var point = new plus.maps.Point(res.longitude, res.latitude); plus.maps.Map.reverseG

2021-01-06 09:58:06 1839

原创 vue 获取页面路径中的参数(h5)

今天要做一个h5页面,用来打开app的,现在要获取url带的参数created() { const queryUrl = this.getRequest() let urlParams = Object.assign(queryUrl, this.$route.query) //参数合并 if (urlParams.id) {//id是路径带的参数 console.log('urlParams ==>', queryUrl.id) this.id = queryUrl.id };

2020-12-25 14:03:43 2285

原创 uniapp picker组件实现二级联动

效果图如上html<picker mode="multiSelector" @change="bindPickerChange" @columnchange="columnchange" :value="index" :range="array" range-key="title"> <view class="uni-input">{{title}}</view></picker>js<script> export defa.

2020-12-22 09:33:19 7339 4

原创 uni-app app底部弹出窗

vue页面代码<Screen :show='show' @close="close"></Screen>//还有一个点击事件,将show=trueclose(e) { this.show = e},子组件代码<template> <view class="container" v-show="hideModal"> <view class="mask" @touchmove.stop.prevent @click="close().

2020-11-21 11:35:50 4592 1

原创 uniapp 分享微信好友、微信朋友圈、QQ

这两天领导要做一个分享微信好友、微信朋友圈、QQ的功能，因为之前没有这方面的经验，所以都是一边查资料一边去做的，现在搞得差不多了，在这里给大家分享一下，希望大家多多指点这里是先做安卓的先上h5页面分享到微信好友的页面(朋友圈和QQ就不搞上来了,长得差不多)点击分享卡片是在微信浏览器上打开的,但是微信浏览器是禁止网页唤起app这个操作的,具体的可以去百度一下,所以我这里就做一个提示,让用户与其他浏览器打开这是在另一个浏览器打开的,此时可以唤起APP好了,大致的效果就像上面这样了,下面我们来

2020-10-28 18:52:14 3422 1

原创 HBuilderx ios发布上线前的准备工作

因为ios与安卓的发布有些不一样,所以需要做一些调整;在发布时遇到了一些问题,现在就把它记录下来证书这些后台已经帮忙搞好了1、将项目运行到ios上进行调试，先用后台给的证书制作自定义基座，连接HBuilderx的时候要在电脑上限下载iTunes iTools这两个软件,当时我只下载iTunes ,虽然手机和iTunes 连接上了,但是HBuilderx检查不到,后来在下载iTools,就没问题了,2、手机连接上后运行自定义基座，如果证书没有问题,连接成功3、调试没有问题，打包上传，这时候要注意了，

2020-10-24 11:49:05 481 1

原创【ios bug解决】输入框聚焦时光标不显示

今天打包出来的app ios端发现input输入时没有光标,但是键盘是有弹出的后来发现是因为引入mui.min.css文件造成的解决办法：重写mui.min.css文件里的-webkit-user-select样式css: -webkit-user-select:text;

2020-10-23 14:54:21 1548

原创 pyCharm+Djangol的安装

最近闲来没事,想学一下python,对于新手得我安装这些东西有点难搞,所以现在就将安装的过去记录一下1、安装pyCharm (到官网安装,我安装的是第二个,社区版);2、安装python (安装的是最新版3.9);注意:刚开始我安装pyCharm 和 python 是选择自定义安装位置的,但是pyCharm 找不到python .exe,然后我默认选择安装的位置,为题得以解决,估计是因为自定义安装不在同一位置下;安装pyCharm 点击下载当两个都下载完成后,重新打开pyCharm,这时我们看到

2020-10-23 11:56:52 133

原创如何使用for循环把对象push到数组中，且前面的值不会被覆盖

我们想要的结果是[{num:1},{num:2},{num:3}];但是我们做循环的时候得到的结果是[{num:3},{num:3},{num:3}];接下来我们看一下代码var arr = [] var obj = {} for (var i = 0; i < 3; i++) { obj.num= i + 1 arr.push(obj) } console.log(arr) //[{ num: 3 },{ num: 3 },{ n

2020-09-23 11:09:00 3968

原创 uniapp自定义导航的自定义按钮上的红点动态控制

在page.json页面写好路由"buttons": [{ { "fontSrc": "/static/yticon.ttf", "text": "\ue744", "fontSize": "27", "color": "#303133", "background": "rgba(0,0,0,0)", "redDot": true //红点 }]动态设置红点的显示与隐藏;index是按钮的下标if(count == 0) { //隐藏 // #ifdef APP-

2020-09-04 17:43:49 2544 2

原创 uniapp子组件改变数据时数据没有渲染到视图

我这边的操作是这样的首选从父组件传数组给子组件,然后在子组件中选择选项,点击确定后再将选中的数据传回父组件,但是在子组件里执行点击选择事件时,数据打印出来是已经有更改了,但是页面没有渲染出来(不管怎么点击,都还是默认的选项);解决办法:完成修改之后,再加上this.$forceUpdate(),这个是强制更新数据的操作,不清楚会不会有其它影响,反正加上去后,就可以正常点击了...

2020-07-17 17:12:19 3600 1

原创 uni-app 手机端实现用户长按文本提示选取复制功能

<text selectable="true">这是一个可以长按选择文本，弹出复制的text标签</text>

2020-06-03 19:50:41 2627

转载 .map() .filter() .reduce() 的用法

转载于地址

2020-06-01 14:25:34 172

原创 uni-app真机调试链接不上网易im服务器

开发的时候好不容易搞好了，结果测试的时候发现真机运行连接不上im服务器，下面是报错找了好长时间才发现uni-app是不支持JavaScript原生的websocket的，也不兼容JavaScript-socket.io库，对了，cookie这个文件uni-app上也用不了，我这里是去掉了的但是我引入网易im的SDK文件是JavaScript原生的websocket，真的是坑啊后来我就去网易官网下载支持微信版的SDK文件引入，不过这里要注意，初始化的写法就不要加上SDK了，具体的可以看文档，再去真机运

2020-05-27 20:26:38 913

空空如也

空空如也