uni-app
关注
分享
扫一扫
文章平均质量分 55
shelleyHLX
这个作者很懒，什么都没留下…
展开
-
uni-app的下订单页显示
组件式开发，先写每个订单的组件，再写页面的。数据由商品列表页传递到下订单页，点击继续添加商品后数据的合并。uni-app的生命周期函数的使用和vue3的setup的使用，数据之间的传递。右侧拖拽显示删除，数量的操作按钮，中间的输入需要弹出框修改，不能直接input修改的。因为加减是在加减后的的数据上进行操作，如果中间同时可以修改，那。。。，和淘宝修改差不多，利用弹出框进行修改。selectedProductCard.vue<template> <view class原创 2022-02-21 16:55:19 · 1634 阅读 · 0 评论 -
uni-app启动错误
: EBUSY: resource busy or locked, lstat 'D:\DumpStack.log.tmp'原因是HBuilder X 或是其他页面启动了uni-app项目。原创 2021-12-13 15:12:06 · 899 阅读 · 0 评论 -
vue 修改数组中某个对象的属性
比如要有如下数组data() { return { certificateData: [ { name: 'xxx', type: '环境证书', imgs:[{url: 'xxxx.png'] }, { name: 'yyy', type: '安全证书', imgs:[{url: 'yyy.png'}] } ]}修改对象中 i原创 2021-12-10 10:51:18 · 6557 阅读 · 0 评论 -
vue2中Options API 和 vue3中Composition API 的对比
回顾一下：在vue2中如何组织代码的，我们会在一个vue文件中methods，computed，watch，data中等等定义属性和方法，共同处理页面逻辑，我们称这种方式为Options API缺点： 一个功能往往需要在不同的vue配置项中定义属性和方法，比较分散，项目小还好，清晰明了，但是项目大了后，一个methods中可能包含20多个方法，你往往分不清哪个方法对应着哪个功能vue3中的Composition API就是用来解决这个问题的在vue3 Composition API .原创 2021-12-08 14:40:48 · 726 阅读 · 0 评论 -
uni-app 列表删除动画
<template> <view> <view v-for="(item, index) in items" :animation="item.animationData" style="background:red;height:100rpx;width:100%; margin: 10px;" @click="handlerClick(index)"></view> </view></template><.原创 2021-12-08 10:39:38 · 1355 阅读 · 0 评论 -
微信小程序：setData 数据传输长度为 1678 KB，存在有性能问题
微信小程序：setData 数据传输长度为 1678 KB，存在有性能问题！记录遇到的问题本文也参考了其他文章由于data 数据过大，比如 base64 / 数据列表返回内容过大，导致无法执行 setData功能。这是因为setData设置的数据量是有限制的，单次设置的数据大小不得超过1024kb，否则就会出现如上错误。问题做法：data:{ // 数据源 list:[]},getListData:function(){ // 本次加载的数据 let _list = ...转载 2021-12-03 17:00:49 · 8732 阅读 · 0 评论 -
uni-app如何页面传参数的几种方法总结
uni.$emit(eventName,OBJECT)触发全局的自定事件。附加参数都会传给监听器回调。 其中eventName为事件名，OBJECT为触发事件附加参数示例代码如下： 1 uni.$emit('update',{msg:'页面更新'}) uni.$on(eventName,callback)监听全局自定义事件，事件由uni.$emit()触发，回调函数会接收所有传入的数。 eventName为事件名，callback为事件的回调函数。转载 2021-12-03 15:46:26 · 2935 阅读 · 0 评论 -
uni-app 全局变量的几种实现方式
公用模块定义一个专用的模块，用来组织和管理这些全局的变量，在需要的页面引入。注意这种方式只支持多个vue页面或多个nvue页面之间公用，vue和nvue之间不公用。示例如下：在 uni-app 项目根目录下创建 common 目录，然后在 common 目录下新建 helper.js 用于定义公用的方法。复制代码const websiteUrl = 'http://uniapp.dcloud.io'; const now = Date.now || function () {转载 2021-12-02 12:03:26 · 501 阅读 · 0 评论 -
App/uni-app离线本地存储方案
5+App的离线存储HTML5+的离线本地存储有如下多种方案：HTML5标准方案：cookie、localstorage、sessionstorage、websql、indexedDBHTML5Plus扩展方案：plus.navigator.setCookie、plus.storage、plus.io、plus.sqllitecookie（标准h5方案） 体量最小，可以设置过期时间。不能跨域。 localstorage（标准h5方案） 适合key、value键值对的存储，数据量一般不超过5转载 2021-11-30 14:00:42 · 4550 阅读 · 0 评论 -
vant vue v-model双向绑定checkbox遇到的坑
今天遇到一个vue诡异的数据绑定问题，下面我给大家分享一下我解决问题思路和方式，以及为什么要这样。一、问题现象使用vant的checkbox组件时无法使用v-model来双向绑定选中状态！但是重新打开checbox所在的pop弹窗，又能显示之前操作的最新的选中值，如果不关闭之后重新打开，始终都不更新，感觉好像没有没有反应一样。二、问题代码html代码：<div v-for="item in siteList" :key="'site-'+ item.id" class="l转载 2021-11-26 17:20:13 · 3230 阅读 · 1 评论 -
uniapp中使用calc计算的坑
错误写法：height: calc(100vh-100rpx)正确写法height: calc(100vh - 100rpx)睁大眼睛找不同，有没有发现在calc中“100vh”和“100rpx”与中间“-”加了个空格，对，就是这么坑，我之前以为uniapp不支持calc计算不同单位呢，后来才发现这个坑。————————————————版权声明：本文为优快云博主「前端程序猿-秦祥」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。原文链接：https://转载 2021-11-26 15:56:46 · 2987 阅读 · 0 评论 -
uni-app/小程序绑定style对象渲染结果是[object Object]
今天在做小程序重构为uni-app项目时，小程序端运行，在动态绑定style样式时渲染到标签中的是[object Object]。解决办法： 微信小程序不支持动态绑定对象格式的样式，建议手怼内联样式上去uni-app/小程序绑定style对象渲染结果是[object Object]_黑猫几绛的博客-优快云博客今天在做小程序重构为uni-app项目时，小程序端运行，在动态绑定style样式时渲染到标签中的是[object Object]。解决办法： 微信小程序不支持动态绑定ob...转载 2021-11-26 14:52:19 · 1434 阅读 · 2 评论 -
Vue 3 深入响应式原理 - 聊一聊响应式构建的那些经历
vue 的响应性当我第一次使用vue进行项目开发时，响应式数据渲染是让我感到最惊奇的一个功能，我们来看下面这段代码：<body> <div id="app"> <div> 修改商品的数量: <input type="number" v-model="product.quantity"> </div> <div> 修改商品的价格: <input type="nu...转载 2021-11-24 14:21:29 · 328 阅读 · 0 评论 -
Syntax Error :error node sass version 5.0.0 is incompatible with 4.0.0(已解决)
node-sass和sass-loader的版本冲突问题网上的解决方案大多数是降低node-sass版本，但是卸载后安装node-sass还是出现了很多问题。比如node-sass不好下载，我下载node-sass就费了很多时间。好不容易下载了node-sass@4.14.1，最后又和我说当前环境不支持这个版本。我被迫又下载回来了node-sass@5.0.0，但是运行后，又报错：我算是明白了，这就是和我兜圈子呗。既然是node-sass和sass-loader的版本冲突问题..转载 2021-11-19 17:06:55 · 892 阅读 · 1 评论