tiffany_kim的博客

这是一个开发过程中比较常见的功能直接上代码了~<template> <view class="content"> <view class="navbar"> <view v-for="(item, index) in navList" :key="index" class="nav-item" :class="{ current: tabCurrentIndex === index }"

此文为uni-app 总结笔记（16）— 组件的通讯，父传子，子传父，兄弟组件 官方API文档父组件给子组件传值子组件通过props来接受外界传递到组件内部的值子组件代码演示：<template> <view> 是父组件传过来的值 {{title}} </view></template><script> export default { props: ['title'] }</script

此文为uni-app 总结笔记（15）— uni-app中组件的创建以及组件的生命周期函数uni-app中组件的创建在uni-app中，可以通过创建一个后缀名为vue的文件，即创建一个组件成功，其他组件可以将该组件通过impot的方式导入，在通过components进行注册即可创建test组件，在component中创建test目录，然后新建test.vue文件<template> <view> 这是test组件 </view></temp

此文为uni-app 总结笔记（14）— uni中的导航跳转利用navigator进行跳转 navigator详细文档：文档地址

此文为uni-app 总结笔记（13）— 条件注释实现跨端兼容条件注释实现跨段兼容 官方API文档条件编译是用特殊的注释作为标记，在编译时根据这些特殊的注释，将注释里面的代码编译到不同平台。**写法：**以 #ifdef 加平台标识 开头，以 #endif 结尾。平台标识值平台参考文档APP-PLUS5+AppHTML5+ 规范H5H5MP-WEIXIN微信小程序微信小程序MP-ALIPAY支付宝小程序支付宝小程序MP-BAIDU

此文为uni-app总结笔记（12）— 图片上传和预览图片上传 uni.chooseImage() 官方API文档从本地相册选择图片或者使用相机拍照。示例代码：<template> <view> <button type="primary" @click="chooseImg">上传图片</button> <view> <image v-for="item in imgArr" :src="item" :k

此文为uni-app总结笔记（11）— 数据缓存(存储数据，获取数据，移除数据)数据缓存 官方API文档uni.setStorage将数据存储在本地缓存中指定的 key 中，会覆盖掉原来该 key 对应的内容，这是一个异步接口。代码演示<template> <view> <button @click="setStorage">存储数据</button> </view></template><scr

此文为uni-app总结笔记（10）— 发送 get 请求网络请求 官方API文档 在uni中可以调用uni.request方法进行请求网络请求需要注意的是：在小程序中网络相关的 API 在使用前需要配置域名白名单。发送get请求<template> <view> <button @click="sendGet">发送请求</button> </view></template><script&

此文为uni-app总结笔记（9）— 下拉刷新以及关闭下拉刷新下拉刷新开启下拉刷新在uni-app中有两种方式开启下拉刷新需要在 pages.json 里，找到的当前页面的pages节点，并在 style 选项中开启 enablePullDownRefresh通过调用uni.startPullDownRefresh方法来开启下拉刷新通过配置文件开启创建list页面进行演示<template> <view> 杭州学科 <view v-for="(it

此文为uni-app总结笔记（8）— 生命周期的学习uni的生命周期应用的生命周期 应用的生命周期官方文档生命周期的概念：一个对象从创建、运行、销毁的整个过程被成为生命周期。生命周期函数：在生命周期中每个阶段会伴随着每一个函数的触发，这些函数被称为生命周期函数。注意： 应用生命周期仅可在App.vue中监听，在其它页面监听无效。uni-app 支持如下应用生命周期函数：函数名说明onLaunch当uni-app 初始化完成时触发（全局只触发一次）onShow

此文为uni-app总结笔记（7）— 数据绑定 以及 v-bind，v-for在页面中需要定义数据，和我们之前的vue一摸一样，直接在data中定义数据即可export default { data () { return { msg: 'hello-uni' } }}插值表达式的使用利用插值表达式渲染基本数据<view>{{msg}}</view>在插值表达式中使用三元运算<view>{{ flag ?

此文为uni-app总结笔记（6）— 组件的基本使用( 包含： text，view，button， image，uni-app中的样式，sass/less )一： text文本组件的用法 官方文档text 组件的属性属性类型默认值必填说明selectablebooleanfalse否文本是否可选spacestring.否显示连续空格，可选参数：ensp、emsp、nbspdecodebooleanfalse否是否解码

此文为uni-app总结笔记（5）— 配置tabbar启动模式配置，仅开发期间生效，用于模拟直达页面的场景，如：小程序转发后，用户点击所打开的页面，相当于小程序里面的预编辑模式。官网文档地址属性说明：属性类型是否必填描述currentNumber是当前激活的模式，list节点的索引值listArray是启动模式列表list说明：属性类型是否必填描述nameString是启动模式名称pathString是启动页

此文为uni-app总结笔记（4）— 配置tabbar如果应用是一个多 tab 应用，可以通过 tabBar 配置项指定 tab 栏的表现，以及 tab 切换时显示的对应页。点击进入官方文档Tips当设置 position 为 top 时，将不会显示 icontabBar 中的 list 是一个数组，只能配置最少2个、最多5个 tab，tab 按数组的顺序排序。常用属性说明：属性类型必填默认值描述平台差异说明colorHexColor是tab 上的文字默

此文为uni-app总结笔记（3）— 全局配置和页面配置【通过globalStyle进行全局配置】用于设置应用的状态栏、导航条、标题、窗口背景色等。详细文档常用属性类型默认值描述navigationBarBackgroundColorHexColor#F7F7F7导航栏背景颜色（同状态栏背景色）navigationBarTextStyleStringwhite导航栏标题颜色及状态栏前景颜色，仅支持 black/whitenavigationBarTit

此文为uni-app总结笔记（2）— 项目录和文件作用主要文件如图显示：主要文件包括：pages： 所有页面存放的目录。static： 静态资源目录，例如图片之类的。App.vue：是我们的跟组件，所有页面都是在App.vue下进行切换的，是页面入口文件，可以调用应用的生命周期函数。main.js： 是我们的项目入口文件，主要作用是初始化vue实例并使用需要的插件。manifest.json： 基础配置文件，比如微信小程序配置（AppID等等），h5配置，app配置等等。pages.

此文为uni-app总结笔记（1）— 环境搭建 （安装编辑器 – 创建项目 – 运行到浏览器，微信开发者工具）一： 安装编辑器HbuilderX【下载地址】 ： https://www.dcloud.io/hbuilderx.html下载对应的App开发版本，下载后是一个压缩包状态，进入解压后的文件夹，找到HBuilderX.exe，直接点击打开即可开箱使用。下载后压缩包状态，如图显示，解压即可。解压后是这样的找到HBuilderX.exe，创建桌面快捷方式。二： 安装微信开发