- 博客(38)
- 收藏
- 关注
RSS订阅原创 vue3+vite+ts 项目创建
https://blog.csdn.net/jinxueer_111018/article/details/130343076
2024-07-01 10:58:24
113
原创 微信小程序自动更新
/用户点击取消按钮的处理，如果需要强制更新，则给出二次弹窗，如果不需要，则这里的代码都可以删掉了。content: ‘本次版本更新涉及到新的功能添加，旧版本无法正常访问的哦~’,// 如果希望用户在最新版本的客户端上体验您的小程序，可以这样子提示。content: ‘检测到新版本，是否下载新版本并重启小程序？confirmText:“确定更新”,//只保留确定更新按钮。//2. 用户确定下载更新小程序，小程序下载及更新静默进行。//检测到新版本，需要更新，给出提示。//下载新版本，并重新应用。
2022-11-29 14:22:52
676
1
原创 uniapp 微信支付
payDocker(id, phone) { let that = this; if (uni.getStorageSync('userinfo')) { let payData = { userId: uni.getStorageSync('userinfo').id, doctorId: id, payType: 1, payEquipment: 'JSAPI' }; console.log(payData) uni..
2022-04-22 11:10:14
911
原创 uniapp 支付宝支付（app&h5）
// 提交 submit() { let that = this if (!this.confirmDetail.addressInfo) { uni.showToast({ title: '请选择收货地址', icon: 'none' }) return } let payType = '' //#ifdef H5 payType = 'alipay_wap' //#endif //#ifdef APP-..
2022-04-22 11:08:50
5188
原创 vue 详情页点击下一篇文章 当前内容自动刷新在顶部
详情页点击下一篇文章 当前内容自动刷新在顶部document.body.scrollTop = 0document.documentElement.scrollTop = 0
2022-03-08 11:51:21
374
原创 前端显示富文本处理
uniapp<view class="detail"> <rich-text :nodes="detail.content"></rich-text> </view>vue<div class="news-content1" v-html="output"></div>图片自适应处理和二次转换处理that.$post(that.$ApiJs.getNewDetail, data, true).then(res =&
2022-02-16 10:30:10
2237
原创 vue 处理seo问题
首先安装插件cnpm install prerender-spa-plugin --save// webpack.conf.jsvar path = require(‘path’)var PrerenderSpaPlugin = require(‘prerender-spa-plugin’)module.exports = {// …plugins: [new PrerenderSpaPlugin(// 编译后的html需要存放的路径path.join(__dirname, ‘…/dist
2022-02-12 10:16:21
514
原创 vue 平滑回到顶部
mounted() {window.addEventListener(“scroll”, this.handleScroll);},backTop() {cancelAnimationFrame(this.timer)const self = thisself.timer = requestAnimationFrame(function fn() {const oTop = document.body.scrollTop || document.documentElement.scrollTo
2022-01-22 17:41:00
1095
原创 vue打包到线上页面刷新以后报错Uncaught SyntaxError: Unexpected token ‘＜‘
在项目中build目录下找到webpack.prod.conf.js然后找到output添加publicPath: ‘/’,这样子就大功告成了
2021-11-03 15:23:49
715
1
原创 vue首页下拉到底部点击进入下一页面 在点击返回回来 页面还是在底部
在app.vue页面加入updated() {window.scroll(0, 0);},
2021-10-27 17:22:39
572
1
原创 uve选中省 省下面的默认全选中
<el-tree :data="data" show-checkbox node-key="id" ref="tree" highlight-current :props="defaultProps" @check-change="handleCheckChange"
2021-10-14 16:54:46
100
原创 微信公众号关注自动回复得到小程序链接
<a data-miniprogram-appid=“微信小程序appid” data-miniprogram-path=“跳转的页面”href=“http://www.qq.com”>小程序名称（全称）
2021-06-22 18:14:57
4482
3
原创 vue+element ui 上传图片到阿里云公共配置
1. 需要先安装阿里云的上传库:npm install ali-oss2.前端上传代码阿里云oss上传工具*/let OSS = require(‘ali-oss’);let config = {region: ‘’,secure:true,accessKeyId: ‘’,accessKeySecret: ‘’,bucket: ‘’};/**配置*/let init = ()=>{return new OSS(config);}/**生成uu
2021-04-29 15:57:45
295
原创 vue使用element ui中的日期区间选择控件无法回显问题
在这里记录一下element ui日期区间踩坑问题当我们发现在做编辑的时候需要把后端数据带过来回显在控件上的时候 无法赋值只能使用$set 至于这个方法时干嘛的 自信百度
2021-04-29 15:47:28
897
原创 uniapp,小程序添加右上角分享发送给朋友 分享到朋友圈
首先，我们做分享给朋友，分享朋友圈 那肯定是全局配置，不可能每个页面都重复去在页面上加同样的代码废话不多说 直接上代码 先新建一个js文件export default{onShareAppMessage(res) {return {path: “/pages/index/index”, //不设置默认当前页面title: “xxxx”}},onShareTimeline(){return {path:"/pages/index/index", //不设置默认当前页面title: “xx
2021-04-29 14:57:15
2740
原创 vue环境配置动态访问接口获取域名
花了一天多的时间去踩坑 今天终于搞好了 记录一下 也分享给后面踩坑的同学，因为技术总监是个比较严谨的人 项目打包需要配置测试环境，本地环境，生产环境 因为之前没做过 就是一个环境 突然间要配置多个环境 有点懵逼，刚开始是真的没听懂，第一步第一步就是在public中加一个.config.json文件，然后里面写上域名这样子打包的时候就会把这个脚本文件打包到项目里面 如下图当需要修改域名的时候告知部署服务器的那个人修改一下.config.json文件里面的域名就好了 这样就避免多次打包 只需修改域名即可
2021-04-29 14:49:15
2057
原创 uniapp app更新升级
为了做这个app升级真的是被坑惨了 以前没做过 第一次做 所以记录一下 一直打的都是测试包 所以一直没有升级起 打包和更新升级后，旧的版本不会自动被覆盖掉原来是自己打包打成测试包了 ...
2021-01-18 15:25:23
785
4
原创 uniapp h5和app无法渲染富文本的解决
var stylePattern = /style="[^=>]*"[\s+\w+=|>]/g;var innerQuotePattern = /(?<!=)"(?!>)/g;that.getRegisterAgreement = res.data.content.replace(stylePattern, function(matches) {return matches.replace(innerQuotePattern, ‘’’);});双引号变成单引号...
2021-01-13 09:48:57
995
2
原创 uniapp 带着参数返回上一页面
sss(){let pages = getCurrentPages(); //获取所有页面栈实例列表let nowPage = pages[ pages.length - 1]; //当前页页面实例let prevPage = pages[ pages.length - 2 ]; //上一页页面实例prevPage.$vm.sh = 100; //修改上一页data里面的sh参数值为100uni.navigateBack({delta:1})},...
2020-08-26 10:04:56
1636
原创 uniapp打开高德地图
var packageName = 'com.autonavi.minimap'; var main = plus.android.runtimeMainActivity(); var packageManager = main.getPackageManager(); var PackageManager = plus.android.importClass(packageManager) var packageInfo = packageManager.getPackage...
2020-08-25 14:58:16
2158
7
原创 使用uniapp框架时 超出部分隐藏显示点点点
我们就有的时候需要不换行而是缩写为省略号的形式，那么就可以用，如下代码来实现效果：text-overflow: ellipsis;overflow: hidden;white-space: nowrap;有时候我们不止需要一行省略，而是换多行省略的情况，譬如两行文本省略，代码如下：overflow: hidden; //超出部分隐藏-webkit-line-clamp: 2; //只显示两行text-overflow: ellipsis; //超出部分显示省略号display: -webki
2020-08-24 10:23:49
6483
1
原创 uniapp做WebSocket
首先链接的地址要先拿在websocket在线调试去调试是否能连接通 不然下面的操作就不知道错误 // 建立websocket connectSocketInit() { // 创建一个this.socketTask对象【发送、接收、关闭socket都由这个对象操作】 uni.connectSocket({ // 【非常重要】必须确保你的服务器是成功的,如果是手机测试千万别使用ws://127.0.0.1:9099【特别容易犯的错误】 // url: 'wss://'+..
2020-08-17 09:26:37
2180
原创 使用icomoon生成字体
1.打开网站https://icomoon.io/点击iconmoon App进入点击上传字体图片点击选中点击cenerate foot点击修改前缀名称点击下载下载完成后只需要fonts文件和style.css文件即可
2020-06-23 16:42:03
212
原创 如何新建一个全新的vue项目
1.先去官网下载安装node.js到d盘2.ctrl+r打开cmd3.node -v 查看node.js是否安装成功4.npm -v 查看npm版本信息5.全局安装npm install --global vue-cli6.创建一个基于webpack 模板的新项目 vue init webpack todolist7.安装依赖 cnpm install8.npm run dev 就会自动启动浏览器...
2020-06-23 09:38:40
286
原创 商品价格升序降序
// A code block// An highlighted block升salesList.sort(function(a, b) { return a.sellNum - b.sellNum })降salesList.sort(function(a, b) { return b.sellNum - a.sellNum })
2020-06-18 16:20:43
1667
原创 uniapp上传图片到阿里云oss服务器
// A code blockindex.vue// An highlighted blockimport Crypto from '@/common/upload/crypto.js'; import '@/common/upload/hmac.js'; import '@/common/upload/sha1.js'; import { Base64 } from '@/common/upload/base64.js'; // oss 配置 var uploadFileSize
2020-06-15 15:51:02
3992
2
原创 返回上一个页面 带参数回去
// A code block// An highlighted block let pages = getCurrentPages(); //获取所有页面栈实例列表 let nowPage = pages[ pages.length - 1]; //当前页页面实例 let prevPage = pages[ pages.length - 2 ]; //上一页页面实例 prevPage.$vm.ZidentityImg = this.ZidentityImg;
2020-06-10 02:31:46
3398
原创 uniapp 左滑删除详细介绍
// A code blockvar foo = 'bar';<template> <!-- 我的银行卡 start --> <view class="container"> <!-- 头部图片 --> <view class="assetstop"> <image class="asstop" src="/static/common/assetop.png" mode=""></image>
2020-06-10 02:25:04
3197
原创 uni-app第三方插件 根据银行卡卡号查询银行类型和卡类型
1.npm下载（我们以银行卡卡号查询银行类型和卡类型插件：bankcardinfo为例）：npm install bankcardinfo --save-dev执行npm init -y查看是否成功// promise 方式调用, 2.0.0 及以上版本支持BIN.getBankBin(‘23156413456123161’).then(function(data) {console.log(data)}).catch(function(err) {console.log(err)}
2020-06-08 09:47:25
2208
1
原创 uniapp 查看图片点击放大预览图片 单张 多张
下面展示一些 内联代码片。// A code block// An highlighted block// 预览图片单张 previewImg(logourl) { let _this = this; let imgsArray = []; imgsArray[0] = logourl uni.previewImage({ current: 0, urls: imgsArray }); }, // 预览图片多张 p
2020-06-01 10:37:45
9094
4
原创 uniapp做微信登录
下面展示一些 内联代码片。// An highlighted block<!-- #ifdef MP-WEIXIN --> <view> <view> <view class='header'> <image src='/static/common/WeChat.png'></image> </view> <view class='content'> &l
2020-05-26 14:04:32
691
原创 uniapp做微信支付
下面展示一些 内联代码片。// A code block// An highlighted blockuni.requestPayment({ timeStamp: result.data.timeStamp, nonceStr: result.data.nonceStr, package: result.data.package, signType: 'MD5', paySign: result.data.paySign, s
2020-05-25 10:06:09
287
原创 uniapp获取当前地理位置和经纬度
下面展示一些 内联代码片。// A code blockuniapp获取当前位置// An highlighted blockuni.chooseLocation({ success: function(res) { console.log('位置名称：' + res.name); console.log('详细地址：' + res.address); console.log('纬度：' + res.latitude); console.l
2020-05-25 10:01:45
4457
1
原创 uniapp做倒计时
下面展示一些 内联代码片。// A code blockvar foo = 'bar';// An highlighted blockvar interval = setInterval(() => { --_this.countdown }, 1000) setTimeout(() => { clearInterval(interval) uni.switchTab({ url: "/pages/hom
2020-05-25 09:54:19
1021
原创 Hbuiderx如何运行vue项目
Hbuiderx如何运行vue项目在hubuiderx中按住alt+c安装插件 运行命令 npm run dev就行了 加粗样式
2020-04-21 10:33:39
8621
原创 uniapp点击跳转浏览器
一开始自己也不懂 就各种百度发现都没有自己想要的结果然后就去看官网然后在manifest.json里面加上 “schemes” : [ “test” ],就可以了
2020-04-04 17:59:59
5447
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人