uniapp onHide如何获得option参数
需求描述
当页面隐藏时，希望将上个页面（路由地址）传递来的参数是在 onHide 钩子函数中处理；
onHide 获取页面传递参数的方法getCurrentPages() 函数用于获取当前页面栈的实例，以数组形式按栈的顺序给出，第一个元素为首页，最后一个元素为当前页面。而我们要的是倒数第二个元素。
123456789101112<script> export default{ onHide(){ let allPages = getCurrentPages(); //获取当前页面栈的实例； console.log(allPages); let lastPages = allPages.length - 1; // 获得倒数第二个元素的索引； console.log(lastPages); let option = allPages[lastPages].options; // 获得上个页面传递的参数； ...
uniapp onshow如何获得option参数
需求描述
1. 页面初次渲染时，希望将上个页面（路由地址）传递来的参数是在 onShow 钩子函数中处理；
2. 页面隐藏再展示时能够调用上个页面（路由地址）传递的参数时；
onShow 获取页面传递参数的方法 getCurrentPages() 函数用于获取当前页面栈的实例，以数组形式按栈的顺序给出，第一个元素为首页，最后一个元素为当前页面。而我们要的是倒数第二个元素。
123456789101112<script> export default{ onShow(){ let allPages = getCurrentPages(); //获取当前页面栈的实例； console.log(allPages); let lastPages = allPages.length - 1; // 获得倒数第二个元素的索引； console.log(lastPages); let option = allPages[lastPages ...
uniapp 中父组件调用子组件方法
需求描述随着开发的深入和代码的维护，为了某些功能的实现可以说是又秃了几根；接下来就说一说，通过 ref 实现父组件调用子组件的方法等。
1.父组件模板 在父级模块的子组件上添加属性 ref 和 属性名 mySon (随意)，调用时使用 this.$ref.(属性名).(子组件方法)；
12345678910111213141516171819<template> <view class=""> <son ref="mySon"></son> <button @click="fatherClick">父组件按钮</button> </view></template><script> import son from '@/components/son.vue' export default { components: { son ...
uniapp 项目中添加百度统计
需求描述在uniapp开发的H5项目中，需要通过百度统计代码将用户的操作信息进行记录统计。
1.新建 count.html 文件 将文件放置在项目根目录下，文件名称自己随意。
2.百度统计代码 打开刚刚生成的 count.html 文件，将以下代码复制粘贴进出。注意填写自己获取的百度统计码。
统计码如何获取？ 百度账号登录：https://tongji.baidu.com/sc-web 查看相关信息
12345678910111213141516171819202122232425262728293031<!DOCTYPE html><html lang="zh-CN"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewpo ...
input 光标字体颜色、初始位置
一、input光标颜色 在不同的场景下我们可能对input光标的颜色需求不同，这个往往和背景颜色相关。那么这个用CSS怎么改变呢?
1.使用color继承来实现 整体发生改变，包括了即将输入的内容。
123<div> <input style="color:red" /></div>
2.使用caret- color来实现 只改变光标的颜色，并不改变输入的内容的颜色
123<div> <input style="caret-color:red;" /></div>
二、input光标初始位置1.使用 text-align 控制光标位置 有三个属性值： left , center , right 分别是左中右。
12345<div> <input style="text-align:left" /> <input style="text-align:center" / ...