阿乐のBlog - aqingya.cn

vue v-for 循环对象123456789101112131415161718192021222324252627<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <div id="app"> <p v-for="(val, key, index) in list">{{key}}--{{val}}</p> </div> <script src='vue.js'></script> <script> var obj= ...

vue v-for 循环对象

发表于2021-11-13|Vue|vue| 条评论

使用 API 方式跳转如下示例代码所示 123<view class="container"> <view bindtap="onJumpMin">打开跳转到其他小程序方式1</view></view> 如下是逻辑代码 1234567891011onJumpMin() { wx.navigateToMiniProgram({ appId: 'wx9fbad659d526c9bc', // 需要跳转到指定的小程序appid path: 'pages/home/home', // 打开的页面 envVersion: 'release', success(res) { // 打开成功 console.log(res); } }) } 使用小程序跳转的 API 就上面几行代码使用 ...

实现微信小程序与小程序之间的跳转

发表于2021-11-07|uni-app开发|微信小程序| 条评论

单选：思路：当点击的索引值 == v-for循环的索引值时，给你那个li添加选中样式 html： 123<ul class="box"> <li v-for="c,index of cities" :class="{checked:index==n}" @click="changeList(index)">{{c}}</li></ul> css： 123456789101112131415161718192021222324<style type="text/css">body{margin:0;}ul{ padding:0; list-style:none; margin:150px 150px;}li{ width:80px; height:50px; display:inli ...

vue 实现单选/多选效果

发表于2021-11-07|Vue|Vue| 条评论

123const test =' 淘宝(1)';console.log(test.replace(/[^\u4e00-\u9fa5]/gi, ""));

js中用正则表达式只提取字符串中汉字处理

发表于2021-11-07|JavaScript|js•正则表达式| 条评论

12<view @touchmove.stop.prevent="moveHandle"></view> methods： 12345methods:{ moveHandle(){ return },}

uniapp 移动端防止滑动穿透

发表于2021-11-07|uni-app开发|uni-app开发| 条评论

在子元素上添加点击事件： 123456@tap.stop="testFn($event)"testFn (e) {　　e.preventDefault();} 例子： template： 123<view class="orders-center-item" @click="see_more_msg(item)">　　<view class="tuikuan" @tap.stop="tuikuan($event, item)">退款</view></view> methods： 12345tuikuan(e, item) {　　e.preventDefault();　　this.tuikuan_showModal = true;　　this.refundApplicationList = item;},

uniapp 移动端防止点击事件穿透

发表于2021-11-07|uni-app开发|uni-app开发| 条评论

补位添加节点法，这种方案适用于多种排列方式。warning 原图 success 实现效果 1234<div class="tem-flex"> <div class="tem-list" v-for="item in len">列表</div> <div class="list" v-for="item in (row-len%row)" v-if="len%row > 0"></div></div> 123456data(){ return { len : 14, row: 4 }} 12345678910111213141516171819202122.tem-flex{ display: flex; flex-wrap: wrap; justify-content:space-between; just ...

解决弹性布局使用justify-content:space-between;后最后一行多个元素排版问题

发表于2021-11-04|CSS|CSS•CSS3| 条评论

0. 缘由最近工作在接触uni-app,用它来开发微信小程序,也是第一次接触,找了很久,还有大佬用自己写的函数做的,俺觉得我不会也不配,刚好看到下面评论是官方也支持了,所以就用官方的了,这里记录一下 1. 关于分包好像是规定小程序不能超过2M,一旦超过就需要分包,因为是公司项目,肯定超过,所以就做个演示,权当记录吧 1.0 这是官方文档1.1 注意事项 subPackages 里的pages的路径是 root 下的相对路径，不是全路径。微信小程序每个分包的大小是2M，总体积一共不能超过16M。百度小程序每个分包的大小是2M，总体积一共不能超过8M。支付宝小程序每个分包的大小是2M，总体积一共不能超过4M。 QQ小程序每个分包的大小是2M，总体积一共不能超过24M。分包下支持独立的 static 目录，用来对静态资源进行分包。 uni-app内支持对微信小程序、QQ小程序、百度小程序分包优化，即将静态资源或者js文件放入分包内不占用主包大小。详情请参考：关于分包优化的说明针对 1vendor.js 过大的情况可以使用运行时压缩代码 HBuilderX创 ...

uniapp中微信小程序的分包处理

发表于2021-11-04|uni-app开发|微信小程序•uni-app开发| 条评论

123456789.box{ transition: all 0.2s linear 0s; bottom: 0px;}.box:hover{ box-shadow:0px 0px 8px #ccc; position: relative; bottom: 4px; }

鼠标移上去触动hover致使div向上移动几个相素（动画transition轻轻的移动）

发表于2021-11-04|CSS|CSS•CSS3| 条评论

传递一个参数传递页面代码： 12345visualPage(){ var that=this var editItem=that.pageModel uni.navigateTo({url:'/pages/visualPage/index?editItem='+encodeURIComponent(JSON.stringify(editItem))}) } 跳转页面代码：（这里的option会识别传入参数类型为数组） 123onLoad(option){ const editItem = JSON.parse(decodeURIComponent(option.editItem)); }, 传递多个参数传递页面代码： 123var seal=this.pageModel.seal; var cStorageModel=this.storageModel uni.navigateTo(&# ...

uni-app 中 uni.navigateTo传递对象类型的参数

发表于2021-11-03|uni-app开发|微信小程序•app| 条评论

数据库加载中