computed uniapp
2023-06-01 uniapp小程序无法在真机测试中加载http开头的图片，只能加载https图片资源
如题，我把图片上传到七牛云，然后把七牛云的图片路径给小程序展示，实测在微信小程序开发者工具中能显示图片，但真机测试就不行，我试着替换成了https开头的图片就可以在真机测试中显示。 具体为什么我不太明白，只是我后续需要把我的七牛云域名升级成https才行。 ......
uniapp+vue3+ts 使用pinia报错
"hasInjectionContext" is not exported by "node_modules/vue-demi/lib/index.mjs", imported by "node_modules/pinia/dist/pinia.mjs". 11:36:19.397 at ../no ......
uniapp uni-number-box组件 步长为1，还能输入小数思路分享
正常情况，输入了步长为1，是无法在输入小数的。需求是要能输入一位小数，但如果直接步长设为0.1，又不能按1这样递增，输入数量上用起来肯定很麻烦。 于是我就想了一个折中方法，步长设为：1.01,然后值改变的时候，change事件里，四舍五入，保留一位小数，这样就能实现点击输入框左右的加减 ，页面显示的 ......
uniapp专题学习（三）
# 前言 在[uniapp专题学习（二）](https://www.cnblogs.com/codexj/p/17444066.html)中学习到的知识点有viedo组件、form表单组件、navigator路由跳转以及page.json中的tabBar配置。 ## vue语法之计算属性comput ......
uniapp onShareAppMessage里面请求后调分享（微信小程序）
onShareAppMessage() { const promise = new Promise(resolve => { request({ api: '请求名', method: 'POST', data: { "data": {} } }).then(res => { resolve({ t ......
Vue computed property values was assigned to but it has no setter
vue 文件中的核心代码写法 <template> <div> <v-select :items="filters" label="查询条件" solo dense class="select-size" v-model="filterKey" clearable ></v-select> </di ......
uniapp 常用知识点
1、原生导航栏（顶部）动态修改 title uni.setNavigationBarTitle({ title:"賬號名稱" }) 2、原生导航栏（顶部）左边箭头默认是返回上一级，监听动态返回指定页面 与data()同级 // 监听原生导航栏的发回按钮 onBackPress(options) { ......
uniapp报错集合
1、swiper组件明明按照方法写了，却不起效果？ 排查发现，swiper组件宽度为0，设置swiper 宽度即可 2、报错Cannot read property 'forceUpdate' of undefined原因为未配置小程序appid 3、引用组件，明明目录里面有组件却报找不到？ 排查发 ......
uniapp安卓移动终端拨打普通电话及4GVolte通话实现
//代码 // 普通语音电话 audio.onclick = function () { // 导入Activity、Intent类 var Intent = plus.android.importClass("android.content.Intent"); var Uri = plus.and ......
uniapp专题学习（二）
# 前言 书接上回，我们学习了uniapp的基本概念、用处、vue语法在uniapp中的使用、page.json的全局配置和局部配置以及组件的使用。本节我们将继续学习uniapp组件。 # uniapp组件学习 ## viedo 视频播放组件。 常用属性：src、autoplay、loop、mute ......
关于在 computed 使用 ref 获取 dom 结点为 undefined的问题
原因： 因为 ref 本身是作为渲染结果被创建的，在初始渲染的时候你不能访问它们，它们还不存在 computed 里面无法获取到 ref 解决方法： 方法一： data: { isMount: false, }, mounted() { this.isMount = true }, computed ......
uniapp条件编译文件夹，静态资源
用于处理条件编译一些文件夹，防止小程序包过大，因为不同平台有些文件可能不需要 1、引入删除的npm包用于删除不需要的静态文件 npm install copy-webpack-plugin --save-dev 2、创建build.js配置文件，叫啥都行，为了引入直接写vue.config.js里面 ......
uniapp实现顶部弹窗通知，支持H5、App端
文件结构： h5_push.vue <template> <view> <transition name="slide-fade"> <view class="h5_push" v-if="show" @tap="handleClick" :style="style"> <view class="p ......
uniapp中执行完一个方法在执行另一个
function request(url, data = {}, method = "GET") { return new Promise(function(resolve, reject) { uni.request({ url: url, data: data, method: method, ......
uniapp专题学习（一）
# 为什么要学习uniapp 1. 一套代码可以打包到不同的应用平台，一套代码，多端运行；  2. 方便入手 ......
uniApp中 vue3 setup语法糖中 调用onLoad，onshow 等生命周期
import { onLoad,onShow } from "@dcloudio/uni-app"; onShow(()=>{ console.log(msg.value) }) ......
uniapp安卓选择文件
引用 import {pickFile} from '@/js/common/pickFile.js' 使用 pickFile.PickFile(function(audioSrc){ console.log(audioSrc) _this.audioSrc = 'file://' + audioS ......
uniapp避坑指南-页面滚动
# uniapp避坑指南-页面滚动 ## 需求描述 做一个类似于word目录跳转功能，分成两个页面：目录页和详情页。目录页是一个列表，详情页是一个很长的的由很多pdf图片组成的上下滚动的页面，要求实现点击目录页跳转到详情页指定位置。 ## 功能实现 主要使用 **uni.pageScrollTo** ......
uniapp避坑指南-图片预览
# uniapp 避坑指南-图片预览（本地预览） ## 需求描述 有一个类似以下的数组，通过 v-for 循环，现在需要在用户点击图片后使用 uniapp 的图片预览 Api。 ```javascript //view //script ``` 看起来好像没有问题，但是一点击发现没反应。 ## 问题 ......
Compute Is Easy, Memory Is Harder And Harder
Compute Is Easy, Memory Is Harder And Harder https://www.nextplatform.com/2022/12/13/compute-is-easy-memory-is-harder-and-harder/ - The Next Platform ......
vue3中computed计算属性函数
# vue3中computed计算属性函数 ``` 目标：现在vue3的使用越来越普遍了，vue3这方面的学习我们要赶上，今天说一下vue3中computed计算属性的使用。 ``` **computed函数在vue2中我们都了解过，当我们需要一个值，这个值随着其他值变化而变化，我们就将其放进com ......
Vue computed出现Error in render: "TypeError: XXX is not a function"问题
原来： computed:{ currentTimeA: function() { return Date.now(); } } <div>{{currentTimeA()}}</div> 在运行的时候出现vue.js:634 [Vue warn]: Error in render: "TypeEr ......
uniapp 渲染Markdown
近日在编写一个小程序，将日记功能移植到小程序中，虽然在手机端写日记一般用不到Markdown，但是仍想在小程序中查看在电脑端写的Markdown格式的内容，如代码块等。 经过查询，找到一个被广泛使用的解决方案是towxml 现记录如下： > 首先将代码克隆下来 ```js git clone htt ......
解决uniapp写微信小程序不支持table的问题
<view class="table"> <view class="tr "> <text class="th ft16">股金</text> <text class="th ft16">份额</text> <text class="th ft16">分成</text> <text class="t ......
uniapp之自定义Collapse 折叠面板 （主要让uView的源码适配多端）
今天使用uView插件的时候发现Collapse 折叠面板有点问题，主要是小程序了不能自定义标题，图标等，没错又是小程序！每次都是小程序，咱就说一套代码适配多端真的很多坑，尤其是小程序。 好了不废话了，先证明一下官网的确指明小程序不可以自定义使用插槽。如图 官网Collapse 折叠面板 | uVi ......
图形学流体力学Fluid Simulation for Computer Graphics
从水的飞溅，到火焰和烟雾的旋转，流体已经成为计算机图形学的一个重要组成部分。这本书旨在涵盖模拟这些动画效果的基本知识。让我们来看看控制它们运动的基本方程。 动画中大多数有趣的流体流动都是由著名的incompressible Navier-Stokes方程控制的。 >>fluid engine dev ......
vue中＜script setup＞中使用computed方法
在setup选项里使用computed需要手动引入computed方法，computed接受一个 getter 函数，并根据 getter 的返回值返回一个不可变的响应式 ref 对象。或者，接受一个具有 get 和 set 函数的对象，用来创建可写的 ref 对象。下面来看示例。 父组件index ......
vue中＜script setup＞中使用watch、computed、props等方法
` // 通过props传过来的是一个静态值，如果需要赋值给双向绑定的数据 ``` * 带默认值的props ``` export interface Props { msg?: string labels?: string[] } const props = withDefaults(define ......
uniapp 数组添加不重复元素
if(this.checkTimes.includes(_item.time)){ this.checkTimes = this.checkTimes.filter((item)=>{ return item != _item.time; }); }else{ this.checkTimes.pus ......