- 博客(13)
- 收藏
- 关注
RSS订阅原创 uniapp - Vuex - store（仓库） - mutation
【摘自官网】Vuex中store数据改变的唯一方法就是mutation通俗的理解，mutations 里面装着改变数据的方法集合，处理数据逻辑的方法全部放在 mutations 里，使数据和视图分离。Vuex 中的 mutation 非常类似于事件：每个 mutation 都有一个字符串的 事件类型 (type) 和 一个 回调函数 (handler)。这个回调函数就是我们实际进行状态更改的地方，并且它会接受 state 作为第一个参数：<!-- 页面路径：store/index.js --&
2021-10-19 14:28:52
1192
原创 uniapp - Vuex - store（仓库） - getter
【摘自官网】Getter 可以认为是 store 的计算属性，对 state 的加工，是派生出来的数据。就像 computed 计算属性一样，getter 返回的值会根据它的依赖被缓存起来，且只有当它的依赖值发生改变才会被重新计算。可以在多组件中共享 getter 函数，这样做还可以提高运行效率。根目录 - store目录 - index.js在 store 上注册 getter，getter 方法接受以下参数：state, 如果在模块中定义则为模块的局部状态getters, 等同于 sto
2021-10-19 13:47:33
1559
原创 uniapp - Vuex - store（仓库） - state
【摘自官网】Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。集中式存储管理应用的所有组件的状态。核心概念：每一个 Vuex 应用的核心就是 store（仓库），状态管理有5个核心：state，getter，mutation，action，module。这篇文章整理记录一下，怎么使用store。根目录 - 新建store目录 - 新建index.js文件<!-- 页面路径：store/index.js -->import Vue from 'vue'import Vu
2021-10-19 11:47:55
1336
原创 时间格式转化
// 将时分秒转为时间戳function time_to_sec(time) { if (time !== null) { var s = ''; var hour = time.split(':')[0]; var min = time.split(':')[1]; var sec = time.split(':')[2]; s = Number(hour * 3600) + Number(min * 60) + Number(sec); return s; }}//
2021-09-14 14:58:04
80
原创 拼接属性名
// 实现结果是一样的obj.name == obj[name]let obj = {};for (let i = 0; i < list.length; i++) { obj['value' + i] = list[i];}console.log(obj)// 等于// obj.value1// obj.value2
2021-09-14 14:55:35
117
原创 array数组去重
var arr = [2,3,4,4,5,2,3,6];var arr2 = arr.filter(function(element, index, self){ return self.indexOf(element) === index;});
2021-09-14 14:49:59
152
原创 图片预加载获取本身宽高
<image src='' bindload="imageLoad" style="width: {{imgwidth}}rpx; height: {{imgheight }}rpx;" />data:{ imgwidth: 0, imgheight: 0,}imageLoad: function(e) { var width = e.detail.width; //获取图片真实宽度 var height = e.detail.height; //获取图片真实高
2021-09-14 14:47:43
259
原创 小程序setData赋值 - key存在变量
that.setData({ ['list[' + index + '].id']: e.detail.current})
2021-09-14 14:45:23
115
原创 引入WeUI组件步骤
新建项目。右击在内部终端打开。npm init，回车。npm i weui-miniprogram。工具 - 构建npm。详情 - 本地设置 - 使用npm模块。在app.wxss，@import 引入 weui.wxss。、在页面的 page.json 文件中引入组件：{“usingComponents”: {“mp-cells”: “…/components/cells/cells”}}...
2021-09-14 14:43:40
162
原创 引入vant组件库
右击 miniprogram - 在外部终端打开。npm init - 全部默认敲回车 - 增加package.json文件。npm i vant-weapp -S --production 【miniprogram增加miniprogram_npm文件夹】。微信开发者工具 - 工具-构建npm - 详情-使用npm模块。在页面文件夹的json文件引入：“usingComponents”: { “van-button”: “@vant/weapp/button/ind.
2021-09-14 14:39:32
119
原创 小程序给上个页面传值
A页面跳转到B页面，B页面带参返回到A页面。A页面wx.navigateTo({ url: '../B_PATH/B_PATH?id=5',})B页面onLoad(options){ var that = this; that.setData({ id: options.id })},goBack(){ var that = this; var pages = getCurrentPages(); var prevPage = pages[pages.le
2021-09-14 14:35:20
84
原创 小程序修改单选框、多选框默认样式
<view class="container"> <view class="checkbox1"> 默认多选 <label> <checkbox value="c1" checked="true" />选中 </label> <label> <checkbox value="c1" />未选中 </label> </view>.
2021-09-14 14:04:05
292
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人