UNPKG

@shixinde/vuepress-theme-init

Version:

### 其他开源项目

shixindea.github.io/guoguo-notes/

shixindea/guoguo-notes

287 lines • 76.2 kB
import{_ as n,c as s,o as a,a as t}from"./app-Dx9bNbfq.js";const p={},e=t(`<h2 id="_1-使用系统默认的导航栏样式" tabindex="-1"><a class="header-anchor" href="#_1-使用系统默认的导航栏样式"><span>1. 使用系统默认的导航栏样式</span></a></h2><blockquote><p>在page.json 中将对应的<code>navigationStyle</code>改为 <code>custom</code></p></blockquote><div class="language-vue line-numbers-mode" data-highlighter="prismjs" data-ext="vue" data-title="vue"><pre class="language-vue"><code><span class="line">&quot;navigationStyle&quot;: &quot;custom&quot;</span>
<span class="line"></span></code></pre><div class="line-numbers" aria-hidden="true" style="counter-reset:line-number 0;"><div class="line-number"></div></div></div><h2 id="_2-pages-json-中-将级联文件夹指定到本文件夹中" tabindex="-1"><a class="header-anchor" href="#_2-pages-json-中-将级联文件夹指定到本文件夹中"><span>2. pages.json 中 将级联文件夹指定到本文件夹中</span></a></h2><div class="language-vue line-numbers-mode" data-highlighter="prismjs" data-ext="vue" data-title="vue"><pre class="language-vue"><code><span class="line">{</span>
<span class="line">    &quot;root&quot;: &quot;card&quot;,</span>
<span class="line">    &quot;name&quot;: &quot;card&quot;,</span>
<span class="line">    &quot;pages&quot;: [</span>
<span class="line">				// 首页</span>
<span class="line">                {</span>
<span class="line">                    &quot;path&quot;: &quot;index/index&quot;,</span>
<span class="line">                    &quot;style&quot;: {</span>
<span class="line">                    &quot;navigationBarTitleText&quot;: &quot;卡券服务&quot;,</span>
<span class="line">                    &quot;navigationBarTextStyle&quot;: &quot;black&quot;</span>
<span class="line">                		}</span>
<span class="line">                }, // 个人中心</span>
<span class="line">                {</span>
<span class="line">                &quot;path&quot;: &quot;me/me&quot;,</span>
<span class="line">                &quot;style&quot;: {</span>
<span class="line">                &quot;navigationStyle&quot;: &quot;custom&quot;</span>
<span class="line">               			 }</span>
<span class="line">                }, </span>
<span class="line">            ]</span>
<span class="line">}</span>
<span class="line"></span></code></pre><div class="line-numbers" aria-hidden="true" style="counter-reset:line-number 0;"><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div></div></div><h2 id="_3-uni-app-路由跳转" tabindex="-1"><a class="header-anchor" href="#_3-uni-app-路由跳转"><span>3. uni-app 路由跳转</span></a></h2><blockquote><p>注意：</p><p>navigateTo, redirectTo 只能打开非 tabBar 页面。 switchTab 只能打开 tabBar 页面。 reLaunch 可以打开任意页面。 页面底部的 tabBar 由页面决定，即只要是定义为 tabBar 的页面，底部都有 tabBar。 不能在 App.vue 里面进行页面跳转</p></blockquote><blockquote><p>1.navigateTo（保留当前页面，跳转到其他页面，使用navigateTo可以返回上一页）</p></blockquote><div class="language-text line-numbers-mode" data-highlighter="prismjs" data-ext="text" data-title="text"><pre class="language-text"><code><span class="line">uni.navigateTo({</span>
<span class="line">	url:&#39;./straSettings&#39;</span>
<span class="line">});</span>
<span class="line"></span></code></pre><div class="line-numbers" aria-hidden="true" style="counter-reset:line-number 0;"><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div></div></div><blockquote><p>2.reLaunch（关闭所有页面，跳转到其他页面）</p></blockquote><div class="language-text line-numbers-mode" data-highlighter="prismjs" data-ext="text" data-title="text"><pre class="language-text"><code><span class="line">uni.reLaunch({</span>
<span class="line">	url:&#39;./straSettings&#39;</span>
<span class="line">})</span>
<span class="line"></span></code></pre><div class="line-numbers" aria-hidden="true" style="counter-reset:line-number 0;"><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div></div></div><blockquote><p>3.redirectTo（关闭当前页面，跳转到其他页面）</p></blockquote><div class="language-text line-numbers-mode" data-highlighter="prismjs" data-ext="text" data-title="text"><pre class="language-text"><code><span class="line">uni.redirectTo({</span>
<span class="line">	url:&#39;./straSettings&#39;</span>
<span class="line">})</span>
<span class="line"></span></code></pre><div class="line-numbers" aria-hidden="true" style="counter-reset:line-number 0;"><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div></div></div><blockquote><p>4.switchTab（适用于底部导航栏之间的跳转，或者跳转到底部导航栏）</p></blockquote><div class="language-text line-numbers-mode" data-highlighter="prismjs" data-ext="text" data-title="text"><pre class="language-text"><code><span class="line">uni.switchTab({</span>
<span class="line">	url: &#39;../strategy/strategy&#39;</span>
<span class="line">});</span>
<span class="line"></span></code></pre><div class="line-numbers" aria-hidden="true" style="counter-reset:line-number 0;"><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div></div></div><blockquote><p>5.location.href（适用于跳转到外部链接）</p></blockquote><div class="language-text line-numbers-mode" data-highlighter="prismjs" data-ext="text" data-title="text"><pre class="language-text"><code><span class="line">location.href =&#39;https://blog.csdn.net/weixin_50606255/article/details/118391274&#39;;</span>
<span class="line"></span></code></pre><div class="line-numbers" aria-hidden="true" style="counter-reset:line-number 0;"><div class="line-number"></div></div></div><h2 id="_4-textarea框怎么设置输入字数和显示用户所输入的字数" tabindex="-1"><a class="header-anchor" href="#_4-textarea框怎么设置输入字数和显示用户所输入的字数"><span>4.textarea框怎么设置输入字数和显示用户所输入的字数</span></a></h2><p>示例图片：</p><p><img src="https://s1.ax1x.com/2022/06/14/Xhl0r4.png" alt=""></p><blockquote><p>思路讲解</p><p>这其实就是一个<code>textarea框</code> 右下角加入了一个用于显示字符的占位框</p><p>使用上 <code>uni.app</code> 自带的 <code>@input</code> 方法里面的 <code>detail</code> 就可以获取到文本框的字数了</p><p><strong>注意</strong>在调用这个函数的的时候 <code>@input=&quot;getLength&quot;</code> 一定不要自己传参数了 @input=&quot;getLength(e) &quot;</p></blockquote><div class="language-vue line-numbers-mode" data-highlighter="prismjs" data-ext="vue" data-title="vue"><pre class="language-vue"><code><span class="line"></span>
<span class="line"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>textarea</span> <span class="token attr-name">maxlength</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span>100</span> <span class="token attr-name">rows</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>6<span class="token punctuation">&quot;</span></span> <span class="token attr-name">placeholder</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>更多不爽？必须吐槽<span class="token punctuation">&quot;</span></span> <span class="token attr-name">@input</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>getLength<span class="token punctuation">&quot;</span></span> <span class="token punctuation">/&gt;</span></span></span>
<span class="line"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>text</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>right-bottom-text<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>{{textlength}}/100<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>text</span><span class="token punctuation">&gt;</span></span></span>
<span class="line"></span>
<span class="line"> // 定义一个变量</span>
<span class="line"></span>
<span class="line">data(){</span>
<span class="line">    return{</span>
<span class="line">    	textlength:0,</span>
<span class="line">    }</span>
<span class="line">}</span>
<span class="line"></span>
<span class="line">//使用这个方法来调用，</span>
<span class="line">methods: {</span>
<span class="line">    getLength(e) {</span>
<span class="line">    this.textlength=e.detail.cursor</span>
<span class="line">},</span>
<span class="line"></span>
<span class="line"></span></code></pre><div class="line-numbers" aria-hidden="true" style="counter-reset:line-number 0;"><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div></div></div><h2 id="_5-查看更多-收起-不单单可以使用显示隐藏来做还可以使用overflow-hidden" tabindex="-1"><a class="header-anchor" href="#_5-查看更多-收起-不单单可以使用显示隐藏来做还可以使用overflow-hidden"><span>5.查看更多/收起 不单单可以使用显示隐藏来做还可以使用overflow: hidden</span></a></h2><div class="language-vue line-numbers-mode" data-highlighter="prismjs" data-ext="vue" data-title="vue"><pre class="language-vue"><code><span class="line"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>view</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>item<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span></span>
<span class="line">    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>view</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>label <span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>text</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>w4em<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>身份证<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>text</span><span class="token punctuation">&gt;</span></span>：<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>view</span><span class="token punctuation">&gt;</span></span></span>
<span class="line">    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>view</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>value<span class="token punctuation">&quot;</span></span> <span class="token attr-name">:class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>{heightHidden:!istravelHeight}<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span></span>
<span class="line">            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>view</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span><span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span> 张强|1306**********4814 <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>view</span><span class="token punctuation">&gt;</span></span></span>
<span class="line">            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>view</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span><span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span> 张强|1306**********4814 <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>view</span><span class="token punctuation">&gt;</span></span></span>
<span class="line">            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>view</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span><span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span> 张强|1306**********4814 <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>view</span><span class="token punctuation">&gt;</span></span></span>
<span class="line">            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>view</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span><span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span> 张强|1306**********4814 <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>view</span><span class="token punctuation">&gt;</span></span></span>
<span class="line">            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>view</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span><span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span> 张强|1306**********4814 <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>view</span><span class="token punctuation">&gt;</span></span></span>
<span class="line">            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>view</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span><span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span> 张强|1306**********4814 <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>view</span><span class="token punctuation">&gt;</span></span></span>
<span class="line">            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>view</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span><span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span> 张强|1306**********4814 <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>view</span><span class="token punctuation">&gt;</span></span></span>
<span class="line">            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>view</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span><span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span> 张强|1306**********4814 <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>view</span><span class="token punctuation">&gt;</span></span></span>
<span class="line">            <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>view</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span><span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span> 张强|1306**********4814 <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>view</span><span class="token punctuation">&gt;</span></span></span>
<span class="line">        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>view</span><span class="token punctuation">&gt;</span></span></span>
<span class="line">    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>view</span><span class="token punctuation">&gt;</span></span></span>
<span class="line">    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>view</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>centertext<span class="token punctuation">&quot;</span></span> <span class="token attr-name">@click</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>travelHeight<span class="token punctuation">&quot;</span></span> <span class="token attr-name">v-if</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>!istravelHeight<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span></span>
<span class="line">        查看更多 <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>text</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>cuIcon-unfold<span class="token punctuation">&quot;</span></span> <span class="token punctuation">&gt;</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>text</span><span class="token punctuation">&gt;</span></span></span>
<span class="line">    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>view</span><span class="token punctuation">&gt;</span></span></span>
<span class="line">    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>view</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>centertext<span class="token punctuation">&quot;</span></span> <span class="token attr-name">@click</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>travelHeight<span class="token punctuation">&quot;</span></span> <span class="token attr-name">v-else</span><span class="token punctuation">&gt;</span></span></span>
<span class="line">        收起<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>text</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>cuIcon-up<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>text</span><span class="token punctuation">&gt;</span></span></span>
<span class="line">    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>view</span><span class="token punctuation">&gt;</span></span></span>
<span class="line"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>view</span><span class="token punctuation">&gt;</span></span></span>
<span class="line"></span>
<span class="line">--------------------------------------------------------------------------</span>
<span class="line"></span>
<span class="line"> // 定义一个变量</span>
<span class="line"></span>
<span class="line">data(){</span>
<span class="line">    return{</span>
<span class="line">    	istravelHeight:false,//是否点击了 \`出行信息\` 的查看更多</span>
<span class="line">    }</span>
<span class="line">}</span>
<span class="line"></span>
<span class="line">//使用这个方法来调用，</span>
<span class="line">methods: {</span>
<span class="line">   travelHeight(){</span>
<span class="line">		this.istravelHeight=!this.istravelHeight</span>
<span class="line">	},</span>
<span class="line">},</span>
<span class="line"></span>
<span class="line">--------------------------------------------------------------------------</span>
<span class="line">// css 样式</span>
<span class="line">.heightHidden{</span>
<span class="line">    height: 100upx;</span>
<span class="line">    overflow: hidden;</span>
<span class="line">}</span>
<span class="line">.centertext{</span>
<span class="line">    margin: 0 auto;</span>
<span class="line">    font-size: 26upx;</span>
<span class="line">    color: #999;</span>
<span class="line">    height: 40upx;</span>
<span class="line">    display: flex;</span>
<span class="line">    line-height: 1;</span>
<span class="line">    align-items: center;</span>
<span class="line">    justify-content: center;</span>
<span class="line">    margin-top: 20upx;</span>
<span class="line">}</span>
<span class="line"></span>
<span class="line"></span></code></pre><div class="line-numbers" aria-hidden="true" style="counter-reset:line-number 0;"><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div></div></div><h2 id="_6-对于uni-app来说-设置整屏的背景" tabindex="-1"><a class="header-anchor" href="#_6-对于uni-app来说-设置整屏的背景"><span>6. 对于uni-app来说，设置整屏的背景</span></a></h2><blockquote><p>让这个屏幕最小高度为1屏，如果多的话，他会自适应</p></blockquote><div class="language-css line-numbers-mode" data-highlighter="prismjs" data-ext="css" data-title="css"><pre class="language-css"><code><span class="line">	<span class="token selector">.container</span> <span class="token punctuation">{</span></span>
<span class="line">		<span class="token property">width</span><span class="token punctuation">:</span> 100%<span class="token punctuation">;</span></span>
<span class="line">		<span class="token property">background-color</span><span class="token punctuation">:</span> #f7f7f7<span class="token punctuation">;</span></span>
<span class="line">		<span class="token property">min-height</span><span class="token punctuation">:</span> 100vh<span class="token punctuation">;</span></span>
<span class="line">		<span class="token punctuation">}</span></span>
<span class="line"></span></code></pre><div class="line-numbers" aria-hidden="true" style="counter-reset:line-number 0;"><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div></div></div><h2 id="_7-带参数跳转路由" tabindex="-1"><a class="header-anchor" href="#_7-带参数跳转路由"><span>7.带参数跳转路由</span></a></h2><blockquote><p>示例数据</p></blockquote><div class="language-javascript line-numbers-mode" data-highlighter="prismjs" data-ext="js" data-title="js"><pre class="language-javascript"><code><span class="line">	<span class="token function">data</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">{</span></span>
<span class="line">		<span class="token keyword">return</span><span class="token punctuation">{</span></span>
<span class="line">			<span class="token literal-property property">datalist</span><span class="token operator">:</span><span class="token punctuation">[</span></span>
<span class="line">				<span class="token punctuation">{</span><span class="token literal-property property">id</span><span class="token operator">:</span><span class="token number">1</span><span class="token punctuation">,</span><span class="token literal-property property">title</span><span class="token operator">:</span><span class="token string">&quot;餐饮美食商家入驻&quot;</span><span class="token punctuation">,</span><span class="token literal-property property">data</span><span class="token operator">:</span><span class="token string">&quot;到店堂食吸引新客...&quot;</span><span class="token punctuation">}</span><span class="token punctuation">,</span></span>
<span class="line">				<span class="token punctuation">{</span><span class="token literal-property property">id</span><span class="token operator">:</span><span class="token number">2</span><span class="token punctuation">,</span><span class="token literal-property property">title</span><span class="token operator">:</span><span class="token string">&quot;民宿商家入驻&quot;</span><span class="token punctuation">,</span><span class="token literal-property property">data</span><span class="token operator">:</span><span class="token string">&quot;在家创业，即刻触达...&quot;</span><span class="token punctuation">}</span><span class="token punctuation">,</span></span>
<span class="line">				<span class="token punctuation">{</span><span class="token literal-property property">id</span><span class="token operator">:</span><span class="token number">3</span><span class="token punctuation">,</span><span class="token literal-property property">title</span><span class="token operator">:</span><span class="token string">&quot;客运车企商家入驻&quot;</span><span class="token punctuation">,</span><span class="token literal-property property">data</span><span class="token operator">:</span><span class="token string">&quot;信息覆盖全国...&quot;</span><span class="token punctuation">}</span><span class="token punctuation">,</span></span>
<span class="line">				<span class="token punctuation">{</span><span class="token literal-property property">id</span><span class="token operator">:</span><span class="token number">4</span><span class="token punctuation">,</span><span class="token literal-property property">title</span><span class="token operator">:</span><span class="token string">&quot;景区景点商家入驻&quot;</span><span class="token punctuation">,</span><span class="token literal-property property">data</span><span class="token operator">:</span><span class="token string">&quot;助力景区商家数字化...&quot;</span><span class="token punctuation">}</span><span class="token punctuation">,</span></span>
<span class="line">				<span class="token punctuation">{</span><span class="token literal-property property">id</span><span class="token operator">:</span><span class="token number">5</span><span class="token punctuation">,</span><span class="token literal-property property">title</span><span class="token operator">:</span><span class="token string">&quot;生活服务商家入驻&quot;</span><span class="token punctuation">,</span><span class="token literal-property property">data</span><span class="token operator">:</span><span class="token string">&quot;到店堂食吸引新客...&quot;</span><span class="token punctuation">}</span><span class="token punctuation">,</span></span>
<span class="line">				<span class="token punctuation">{</span><span class="token literal-property property">id</span><span class="token operator">:</span><span class="token number">6</span><span class="token punctuation">,</span><span class="token literal-property property">title</span><span class="token operator">:</span><span class="token string">&quot;旅游服务商家入驻&quot;</span><span class="token punctuation">,</span><span class="token literal-property property">data</span><span class="token operator">:</span><span class="token string">&quot;海量旅游产品直达...&quot;</span><span class="token punctuation">}</span><span class="token punctuation">,</span></span>
<span class="line">				<span class="token punctuation">{</span><span class="token literal-property property">id</span><span class="token operator">:</span><span class="token number">7</span><span class="token punctuation">,</span><span class="token literal-property property">title</span><span class="token operator">:</span><span class="token string">&quot;导游人员入驻&quot;</span><span class="token punctuation">,</span><span class="token literal-property property">data</span><span class="token operator">:</span><span class="token string">&quot;新模式新机遇...&quot;</span><span class="token punctuation">}</span><span class="token punctuation">,</span></span>
<span class="line">				<span class="token punctuation">{</span><span class="token literal-property property">id</span><span class="token operator">:</span><span class="token number">8</span><span class="token punctuation">,</span><span class="token literal-property property">title</span><span class="token operator">:</span><span class="token string">&quot;景区景点商家入驻&quot;</span><span class="token punctuation">,</span><span class="token literal-property property">data</span><span class="token operator">:</span><span class="token string">&quot;助力景区商家数字化... &quot;</span><span class="token punctuation">}</span><span class="token punctuation">,</span></span>
<span class="line">			<span class="token punctuation">]</span></span>
<span class="line">		<span class="token punctuation">}</span></span>
<span class="line">	<span class="token punctuation">}</span><span class="token punctuation">,</span></span>
<span class="line"></span></code></pre><div class="line-numbers" aria-hidden="true" style="counter-reset:line-number 0;"><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div></div></div><blockquote><p>使用这个方法跳转的时候带上参数</p><p><code>父元素传参</code></p></blockquote><div class="language-javascript line-numbers-mode" data-highlighter="prismjs" data-ext="js" data-title="js"><pre class="language-javascript"><code><span class="line"><span class="token operator">&lt;</span>view <span class="token keyword">class</span><span class="token operator">=</span><span class="token string">&quot;list&quot;</span> v<span class="token operator">-</span><span class="token keyword">for</span><span class="token operator">=</span><span class="token string">&quot;item in datalist&quot;</span> <span class="token operator">:</span>key<span class="token operator">=</span><span class="token string">&quot;item.id&quot;</span> @click<span class="token operator">=</span><span class="token string">&quot;gotoItem(item.title)&quot;</span><span class="token operator">&gt;</span></span>
<span class="line">    <span class="token operator">&lt;</span>view <span class="token keyword">class</span><span class="token operator">=</span><span class="token string">&quot;top flex space-between&quot;</span><span class="token operator">&gt;</span></span>
<span class="line">        <span class="token punctuation">{</span><span class="token punctuation">{</span>item<span class="token punctuation">.</span>title<span class="token punctuation">}</span><span class="token punctuation">}</span> <span class="token operator">&lt;</span>text <span class="token keyword">class</span><span class="token operator">=</span><span class="token string">&quot;cuIcon-right&quot;</span><span class="token operator">&gt;</span><span class="token operator">&lt;</span><span class="token operator">/</span>text<span class="token operator">&gt;</span></span>
<span class="line"><span class="token operator">&lt;</span><span class="token operator">/</span>view<span class="token operator">&gt;</span></span>
<span class="line"><span class="token operator">&lt;</span>view <span class="token keyword">class</span><span class="token operator">=</span><span class="token string">&quot;bottom nowrap&quot;</span><span class="token operator">&gt;</span></span>
<span class="line">    <span class="token punctuation">{</span><span class="token punctuation">{</span>item<span class="token punctuation">.</span>data<span class="token punctuation">}</span><span class="token punctuation">}</span></span>
<span class="line">        <span class="token operator">&lt;</span><span class="token operator">/</span>view<span class="token operator">&gt;</span></span>
<span class="line"><span class="token operator">&lt;</span><span class="token operator">/</span>view<span class="token operator">&gt;</span></span>
<span class="line">				</span>
<span class="line"><span class="token operator">--</span><span class="token operator">--</span><span class="token operator">--</span><span class="token operator">--</span><span class="token operator">--</span><span class="token operator">--</span><span class="token operator">--</span><span class="token operator">--</span><span class="token operator">--</span><span class="token operator">--</span><span class="token operator">--</span><span class="token operator">--</span><span class="token operator">--</span><span class="token operator">--</span><span class="token operator">--</span><span class="token operator">--</span><span class="token operator">--</span><span class="token operator">--</span><span class="token operator">--</span><span class="token operator">--</span><span class="token operator">--</span><span class="token operator">--</span><span class="token operator">--</span><span class="token operator">--</span><span class="token operator">--</span><span class="token operator">--</span><span class="token operator">--</span><span class="token operator">--</span><span class="token operator">--</span><span class="token operator">--</span><span class="token operator">--</span><span class="token operator">--</span><span class="token operator">--</span><span class="token operator">--</span><span class="token operator">--</span><span class="token operator">--</span><span class="token operator">--</span><span class="token operator">-</span></span>
<span class="line">   <span class="token comment">//  方法在这里</span></span>
<span class="line">	<span class="token function">gotoItem</span><span class="token punctuation">(</span><span class="token parameter">title</span><span class="token punctuation">)</span><span class="token punctuation">{</span></span>
<span class="line">			uni<span class="token punctuation">.</span><span class="token function">navigateTo</span><span class="token punctuation">(</span><span class="token punctuation">{</span></span>
<span class="line">				<span class="token literal-property property">url</span><span class="token operator">:</span><span class="token string">&quot;business-item?title=&quot;</span><span class="token operator">+</span>title<span class="token punctuation">,</span></span>
<span class="line">			<span class="token punctuation">}</span><span class="token punctuation">)</span></span>
<span class="line">		<span class="token punctuation">}</span></span>
<span class="line"></span></code></pre><div class="line-numbers" aria-hidden="true" style="counter-reset:line-number 0;"><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div></div></div><blockquote><p><code>子元素接收</code>在<code>onLoad </code> 中进行接收数据</p></blockquote><div class="language-javascript line-numbers-mode" data-highlighter="prismjs" data-ext="js" data-title="js"><pre class="language-javascript"><code><span class="line">	<span class="token function">onLoad</span><span class="token punctuation">(</span><span class="token parameter">e</span><span class="token punctuation">)</span> <span class="token punctuation">{</span></span>
<span class="line">		uni<span class="token punctuation">.</span><span class="token function">setNavigationBarTitle</span><span class="token punctuation">(</span><span class="token punctuation">{</span></span>
<span class="line">			<span class="token literal-property property">title</span><span class="token operator">:</span> e<span class="token punctuation">.</span>title</span>
<span class="line">		<span class="token punctuation">}</span><span class="token punctuation">)</span></span>
<span class="line">		<span class="token comment">// console.log(e.title);</span></span>
<span class="line">	<span class="token punctuation">}</span><span class="token punctuation">,</span></span>
<span class="line"></span></code></pre><div class="line-numbers" aria-hidden="true" style="counter-reset:line-number 0;"><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div></div></div><h2 id="_8-uni-app-方法之呼叫电话" tabindex="-1"><a class="header-anchor" href="#_8-uni-app-方法之呼叫电话"><span>8.uni-app 方法之呼叫电话</span></a></h2><div class="language-javascript line-numbers-mode" data-highlighter="prismjs" data-ext="js" data-title="js"><pre class="language-javascript"><code><span class="line"><span class="token function">callPhone</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">{</span></span>
<span class="line">    uni<span class="token punctuation">.</span><span class="token function">makePhoneCall</span><span class="token punctuation">(</span><span class="token punctuation">{</span></span>
<span class="line">    	<span class="token literal-property property">phoneNumber</span><span class="token operator">:</span> <span class="token string">&quot;15512555998&quot;</span></span>
<span class="line">    <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span></span>
<span class="line"><span class="token punctuation">}</span><span class="token punctuation">,</span></span>
<span class="line"></span></code></pre><div class="line-numbers" aria-hidden="true" style="counter-reset:line-number 0;"><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div></div></div><h2 id="_9-路由跳转" tabindex="-1"><a class="header-anchor" href="#_9-路由跳转"><span>9. 路由跳转</span></a></h2><pre><code>			// 跳转tabbar中的页面
			uni.switchTab({
				url:&quot;pages/index/index&quot;,
			})
			// 关闭当前页面跳转到下一个页面
			uni.redirectTo({
				url:&quot;pages/index/index&quot;,
			})
			//guanbi 当前所有页面 再跳转
			uni.reLaunch({
				url:&quot;pages/index/index&quot;,
			})
			 // 保留当前跳转到下一个页面
			uni.navigateTo({ 
				url:&quot;pages/index/index&quot;,
				fail(e) {
					console.log(e);
				}
			})
</code></pre><p>​</p><h2 id="_10-验证方法是否出错-或者错误在哪里" tabindex="-1"><a class="header-anchor" href="#_10-验证方法是否出错-或者错误在哪里"><span>10.验证方法是否出错，或者错误在哪里</span></a></h2><blockquote><p>使用下面这个方法来排查</p></blockquote><pre><code>	 // 保留当前跳转到下一个页面
		uni.navigateTo({ 
			url:&quot;pages/index/index&quot;,
			fail(e) {
				console.log(e);
			}
		})
</code></pre><h2 id="_11-跳转到微信客服" tabindex="-1"><a class="header-anchor" href="#_11-跳转到微信客服"><span>11.跳转到微信客服</span></a></h2><blockquote><p><strong>前提：</strong></p><ol><li>必须是<code>button</code> 按钮</li><li>加上命令行<code> open-type=&quot;contact&quot;</code></li></ol></blockquote><div class="language-vue line-numbers-mode" data-highlighter="prismjs" data-ext="vue" data-title="vue"><pre class="language-vue"><code><span class="line"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>button</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>item flex align-center space-between <span class="token punctuation">&quot;</span></span> <span class="token attr-name">open-type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>contact<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span></span>
<span class="line">	点击跳转</span>
<span class="line"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>button</span><span class="token punctuation">&gt;</span></span></span>
<span class="line"></span></code></pre><div class="line-numbers" aria-hidden="true" style="counter-reset:line-number 0;"><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div></div></div><h2 id="_12-清除缓存" tabindex="-1"><a class="header-anchor" href="#_12-清除缓存"><span>12.清除缓存</span></a></h2><blockquote><p>init() 为初始化数据，在onload页面初始化加载中就初始化数据，</p><p>clearStorage() 方法是清除缓存的数据</p><p><strong>加载的命令行</strong></p><div class="language-javascript line-numbers-mode" data-highlighter="prismjs" data-ext="js" data-title="js"><pre class="language-javascript"><code><span class="line">uni<span class="token punctuation">.</span><span class="token function">showLoading</span><span class="token punctuation">(</span><span class="token punctuation">{</span></span>
<span class="line">				<span class="token literal-property property">title</span><span class="token operator">:</span><span class="token string">&#39;正在清除缓存...&#39;</span><span class="token punctuation">,</span></span>
<span class="line">			<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span></span>
<span class="line"></span></code></pre><div class="line-numbers" aria-hidden="true" style="counter-reset:line-number 0;"><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div></div></div><p><strong>清除缓存的命令行</strong></p><div class="language-javascript line-numbers-mode" data-highlighter="prismjs" data-ext="js" data-title="js"><pre class="language-javascript"><code><span class="line">uni<span class="token punctuation">.</span><span class="token function">setStorageSync</span><span class="token punctuation">(</span><span class="token string">&#39;token&#39;</span><span class="token punctuation">,</span><span class="token string">&#39;&#39;</span><span class="token punctuation">)</span><span class="token punctuation">;</span></span>
<span class="line"></span></code></pre><div class="line-numbers" aria-hidden="true" style="counter-reset:line-number 0;"><div class="line-number"></div></div></div><p><strong>加载结束的提示行</strong></p><div class="language-javascript line-numbers-mode" data-highlighter="prismjs" data-ext="js" data-title="js"><pre class="language-javascript"><code><span class="line"><span class="token keyword">this</span><span class="token punctuation">.</span><span class="token function">init</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span></span>
<span class="line"><span class="token comment">// 重新初始化页面</span></span>
<span class="line"><span class="token function">setTimeout</span><span class="token punctuation">(</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token operator">=&gt;</span><span class="token punctuation">{</span></span>
<span class="line">    uni<span class="token punctuation">.</span><span class="token function">showToast</span><span class="token punctuation">(</span><span class="token punctuation">{</span></span>
<span class="line">        <span class="token literal-property property">title</span><span class="token operator">:</span><span class="token string">&#39;清除成功&#39;</span><span class="token punctuation">,</span></span>
<span class="line">        <span class="token literal-property property">icon</span><span class="token operator">:</span><span class="token string">&#39;none&#39;</span></span>
<span class="line">    <span class="token punctuation">}</span><span class="token punctuation">)</span></span>
<span class="line"><span class="token punctuation">}</span><span class="token punctuation">,</span><span class="token number">1000</span><span class="token punctuation">)</span></span>
<span class="line"></span></code></pre><div class="line-numbers" aria-hidden="true" style="counter-reset:line-number 0;"><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div></div></div></blockquote><div class="language-javascript line-numbers-mode" data-highlighter="prismjs" data-ext="js" data-title="js"><pre class="language-javascript"><code><span class="line">	<span class="token function">onload</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">{</span></span>
<span class="line">		<span class="token keyword">this</span><span class="token punctuation">.</span><span class="token function">init</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span></span>
<span class="line">	<span class="token punctuation">}</span><span class="token punctuation">,</span></span>
<span class="line">	<span class="token literal-property property">methods</span><span class="token operator">:</span> <span class="token punctuation">{</span></span>
<span class="line">		<span class="token function">init</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">{</span></span>
<span class="line">			<span class="token comment">// 获取头像,</span></span>
<span class="line">			</span>
<span class="line">		<span class="token punctuation">}</span><span class="token punctuation">,</span></span>
<span class="line">		<span class="token function">clearStorage</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span></span>
<span class="line">			uni<span class="token punctuation">.</span><span class="token function">showLoading</span><span class="token punctuation">(</span><span class="token punctuation">{</span></span>
<span class="line">				<span class="token literal-property property">title</span><span class="token operator">:</span><span class="token string">&#39;正在清除缓存...&#39;</span><span class="token punctuation">,</span></span>
<span class="line">			<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span></span>
<span class="line">			uni<span class="token punctuation">.</span><span class="token function">setStorageSync</span><span class="token punctuation">(</span><span class="token string">&#39;token&#39;</span><span class="token punctuation">,</span><span class="token string">&#39;&#39;</span><span class="token punctuation">)</span><span class="token punctuation">;</span></span>
<span class="line">			<span class="token keyword">this</span><span class="token punctuation">.</span><span class="token function">init</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span></span>
<span class="line">			<span class="token comment">// 重新初始化页面</span></span>
<span class="line">			<span class="token function">setTimeout</span><span class="token punctuation">(</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token operator">=&gt;</span><span class="token punctuation">{</span></span>
<span class="line">				uni<span class="token punctuation">.</span><span class="token function">showToast</span><span class="token punctuation">(</span><span class="token punctuation">{</span></span>
<span class="line">					<span class="token literal-property property">title</span><span class="token operator">:</span><span class="token string">&#39;清除成功&#39;</span><span class="token punctuation">,</span></span>
<span class="line">					<span class="token literal-property property">icon</span><span class="token operator">:</span><span class="token string">&#39;none&#39;</span></span>
<span class="line">				<span class="token punctuation">}</span><span class="token punctuation">)</span></span>
<span class="line">			<span class="token punctuation">}</span><span class="token punctuation">,</span><span class="token number">1000</span><span class="token punctuation">)</span></span>
<span class="line">		<span class="token punctuation">}</span><span class="token punctuation">,</span></span>
<span class="line">    <span class="token punctuation">}</span></span>
<span class="line"></span></code></pre><div class="line-numbers" aria-hidden="true" style="counter-reset:line-number 0;"><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div></div></div><h2 id="_13-修改上一个页面的值" tabindex="-1"><a class="header-anchor" href="#_13-修改上一个页面的值"><span>13. 修改上一个页面的值</span></a></h2><div class="language-javascript line-numbers-mode" data-highlighter="prismjs" data-ext="js" data-title="js"><pre class="language-javascript"><code><span class="line"><span class="token function">addOK</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span></span>
<span class="line">    <span class="token comment">// 获取上一个页面的数据,</span></span>
<span class="line">    <span class="token comment">// 获取当前开着的所有的页面对象,array,  item =&gt;  所有的参数和方法</span></span>
<span class="line">    <span class="token keyword">var</span> pages <span class="token operator">=</span> <span class="token function">getCurrentPages</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span></span>
<span class="line">    <span class="token comment">// 获取数组的倒数第二个对象</span></span>
<span class="line">    <span class="token keyword">var</span> prePage <span class="token operator">=</span> pages<span class="token punctuation">[</span>pages<span class="token punctuation">.</span>length <span class="token operator">-</span> <span class="token number">2</span><span class="token punctuation">]</span><span class="token punctuation">;</span></span>
<span class="line">    console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span><span class="token string">&quot;pages:&quot;</span><span class="token punctuation">,</span>pages<span class="token punctuation">)</span><span class="token punctuation">;</span></span>
<span class="line">	console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span><span class="token string">&quot;prePage:&quot;</span><span class="token punctuation">,</span>prePage<span class="token punctuation">)</span><span class="token punctuation">;</span></span>
<span class="line">    <span class="token comment">// 修改</span></span>
<span class="line">    prePage<span class="token punctuation">.</span>$vm<span class="token punctuation">.</span>btnText<span class="token punctuation">.</span><span class="token function">push</span><span class="token punctuation">(</span><span class="token punctuation">{</span></span>
<span class="line">        <span class="token literal-property property">title</span><span class="token operator">:</span><span class="token keyword">this</span><span class="token punctuation">.</span>title<span class="token punctuation">,</span></span>
<span class="line">        <span class="token literal-property property">type</span><span class="token operator">:</span><span class="token string">&#39;radio&#39;</span><span class="token punctuation">,</span></span>
<span class="line">        <span class="token literal-property property">content</span><span class="token operator">:</span><span class="token punctuation">[</span><span class="token string">&#39;value1&#39;</span><span class="token punctuation">,</span><span class="token string">&#39;value2&#39;</span><span class="token punctuation">]</span></span>
<span class="line">    <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span></span>
<span class="line">    <span class="token comment">// 返回上一个页面		</span></span>
<span class="line">	uni<span class="token punctuation">.</span><span class="token function">navigateBack</span><span class="token punctuation">(</span><span class="token punctuation">{</span><span class="token punctuation">}</span><span class="token punctuation">)</span></span>
<span class="line"><span class="token punctuation">}</span></span>
<span class="line"></span></code></pre><div class="line-numbers" aria-hidden="true" style="counter-reset:line-number 0;"><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div></div></div><h2 id="_14-生命周期" tabindex="-1"><a class="header-anchor" href="#_14-生命周期"><span>14.生命周期</span></a></h2><table><thead><tr><th style="text-align:left;">函数名</th><th style="text-align:left;">说明</th></tr></thead><tbody><tr><td style="text-align:left;">onLaunch</td><td style="text-align:left;">当<code>uni-app</code> 初始化完成时触发（全局只触发一次）</td></tr><tr><td style="text-align:left;">onShow</td><td style="text-align:left;">当 <code>uni-app</code> 启动，或从后台进入前台显示</td></tr><tr><td style="text-align:left;">onHide</td><td style="text-align:left;">当 <code>uni-app</code> 从前台进入后台</td></tr><tr><td style="text-align:left;">onError</td><td style="text-align:left;">当 <code>uni-app</code> 报错时触发</td></tr><tr><td style="text-align:left;">onUniNViewMessage</td><td style="text-align:left;">对 <code>nvue</code> 页面发送的数据进行监听，可参考 <a href="https://uniapp.dcloud.io/tutorial/nvue-api?id=communication" target="_blank" rel="noopener noreferrer">nvue 向 vue 通讯(opens new window)</a></td></tr><tr><td style="text-align:left;">onUnhandledRejection</td><td style="text-align:left;">对未处理的 Promise 拒绝事件监听函数（2.8.1+）</td></tr><tr><td style="text-align:left;">onPageNotFound</td><td style="text-align:left;">页面不存在监听函数</td></tr><tr><td style="text-align:left;">onThemeChange</td><td style="text-align:left;">监听系统主题变化</td></tr></tbody></table><h2 id="_15-富文本转为文本-富文本解析" tabindex="-1"><a class="header-anchor" href="#_15-富文本转为文本-富文本解析"><span>15. 富文本转为文本 富文本解析</span></a></h2><p><img src="https://s1.ax1x.com/2022/06/28/jemSG8.png" alt=""></p><h3 id="方法一-rich-text" tabindex="-1"><a class="header-anchor" href="#方法一-rich-text"><span>方法一 rich-text</span></a></h3><blockquote><p>使用这一行命令 可以将 :nodes=&quot;你所填的数据&quot; 转换为正常文本 如果需要定义样式的话，可以在请求的时候，通过正则，将p改为p style=&quot;padding:10upx</p></blockquote><div class="language-html line-numbers-mode" data-highlighter="prismjs" data-ext="html" data-title="html"><pre class="language-html"><code><span class="line"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>rich-text</span> <span class="token attr-name">:nodes</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>data.content<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>rich-text</span><span class="token punctuation">&gt;</span></span></span>
<span class="line"></span></code></pre><div class="line-numbers" aria-hidden="true" style="counter-reset:line-number 0;"><div class="line-number"></div></div></div><h3 id="方法二-使用-hubildx-插件-可定制" tabindex="-1"><a class="header-anchor" href="#方法二-使用-hubildx-插件-可定制"><span>方法二 使用 hubildx 插件 可定制</span></a></h3><p><a href="https://ext.dcloud.net.cn/plugin?id=183" target="_blank" rel="noopener noreferrer">uParse 富文本解析 - DCloud 插件市场</a></p><h2 id="_16-所有的wx-方法-都可以直接写成-uni-方法" tabindex="-1"><a class="header-anchor" href="#_16-所有的wx-方法-都可以直接写成-uni-方法"><span>16. 所有的wx.方法 ，都可以直接写成 uni.方法</span></a></h2><h2 id="_17-获取上一个页面的方法-或者值" tabindex="-1"><a class="header-anchor" href="#_17-获取上一个页面的方法-或者值"><span>17.获取上一个页面的方法，或者值</span></a></h2><pre><code>			if (flag === 1) {
				console.log(&#39;ok&#39;);
				// 获取上一个页面的数据,
				// 获取当前开着的所有的页面对象,array,  item =&gt;  所有的参数和方法
				var pages = getCurrentPages();
				// 获取数组的倒数第二个对象
				var prePage = pages[pages.length - 2];
				console.log(&#39;prePage&#39;, prePage)
				if(this.listSelect==9){this.listSelect=10}
				// 修改
				//创建的情况
				prePage.$vm.btnText.push({
					title: this.title,
					form_data_type: this.listSelect+1,
					options: this.optionVal,
					is_check: true,
					is_required: 1, //如果已选中，利用这个判断是必填（红色）还是选填（蓝色）
				});
				prePage.$vm.isMust()
				// prePage.$vm.btnStylels=prePage.$vm.btnText.length
				uni.navigateBack({})
			}
</code></pre><h2 id="_18-图片没加载的时候有提示-图片加载完成隐藏" tabindex="-1"><a class="header-anchor" href="#_18-图片没加载的时候有提示-图片加载完成隐藏"><span>18 图片没加载的时候有提示，图片加载完成隐藏</span></a></h2><div class="language-javascript line-numbers-mode" data-highlighter="prismjs" data-ext="js" data-title="js"><pre class="language-javascript"><code><span class="line">uni<span class="token punctuation">.</span><span class="token function">showLoading</span><span class="token punctuation">(</span><span class="token punctuation">{</span></span>
<span class="line">    <span class="token literal-property property">title</span><span class="token operator">:</span> <span class="token string">&#39;正在加载···&#39;</span></span>
<span class="line"><span class="token punctuation">}</span><span class="token punctuation">)</span></span>
<span class="line"><span class="token function">getImage</span><span class="token punctuation">(</span><span class="token punctuation">{</span></span>
<span class="line">    <span class="token literal-property property">data</span><span class="token operator">:</span> <span class="token punctuation">{</span></span>
<span class="line">        <span class="token literal-property property">code</span><span class="token operator">:</span> <span class="token keyword">this</span><span class="token punctuation">.</span>code<span class="token punctuation">,</span></span>
<span class="line">    <span class="token punctuation">}</span></span>
<span class="line"><span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">then</span><span class="token punctuation">(</span><span class="token parameter">res</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span></span>
<span class="line">    <span class="token keyword">if</span> <span class="token punctuation">(</span>res<span class="token punctuation">.</span>code <span class="token operator">==</span> <span class="token number">1</span><span class="token punctuation">)</span> <span class="token punctuation">{</span></span>
<span class="line">        console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span>res<span class="token punctuation">.</span>data<span class="token punctuation">)</span><span class="token punctuation">;</span></span>
<span class="line">        <span class="token keyword">this</span><span class="token punctuation">.</span>img <span class="token operator">=</span> res<span class="token punctuation">.</span>data<span class="token punctuation">.</span>images<span class="token punctuation">;</span></span>
<span class="line">        uni<span class="token punctuation">.</span><span class="token function">hideLoading</span><span class="token punctuation">(</span><span class="token punctuation">)</span></span>
<span class="line">    <span class="token punctuation">}</span></span>
<span class="line"><span class="token punctuation">}</span><span class="token punctuation">)</span></span>
<span class="line"></span></code></pre><div class="line-numbers" aria-hidden="true" style="counter-reset:line-number 0;"><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div></div></div><h2 id="_19-防止事件冒泡-tap-stop" tabindex="-1"><a class="header-anchor" href="#_19-防止事件冒泡-tap-stop"><span>19.防止事件冒泡 @tap.stop</span></a></h2><blockquote><p>使用<a href="https://so.csdn.net/so/search?q=uniapp&amp;spm=1001.2101.3001.7020" target="_blank" rel="noopener noreferrer">uniapp</a>开发小程序的时候，@click.stop来做事件冒泡没有作用。 需要把@click.stop改成@tap.stop就可以实现了。</p></blockquote><h2 id="使用代码-实现弹框功能" tabindex="-1"><a class="header-anchor" href="#使用代码-实现弹框功能"><span>使用代码 实现弹框功能</span></a></h2><div class="language-javascript line-numbers-mode" data-highlighter="prismjs" data-ext="js" data-title="js"><pre class="language-javascript"><code><span class="line">uni<span class="token punctuation">.</span><span class="token function">showModal</span><span class="token punctuation">(</span><span class="token punctuation">{</span></span>
<span class="line">    <span class="token literal-property property">title</span><span class="token operator">:</span> <span class="token string">&#39;不可编辑!&#39;</span><span class="token punctuation">,</span></span>
<span class="line">    <span class="token literal-property property">content</span><span class="token operator">:</span> <span class="token string">&#39;当前记录已被填写数据！&#39;</span><span class="token punctuation">,</span></span>
<span class="line">    <span class="token literal-property property">confirmColor</span><span class="token operator">:</span> <span class="token string">&#39;#ee6666&#39;</span><span class="token punctuation">,</span> <span class="token comment">//确定字体颜色</span></span>
<span class="line">    <span class="token literal-property property">showCancel</span><span class="token operator">:</span> <span class="token boolean">false</span><span class="token punctuation">,</span> <span class="token comment">//没有取消按钮的弹框</span></span>
<span class="line">    <span class="token literal-property property">buttonText</span><span class="token operator">:</span> <span class="token string">&#39;确定&#39;</span><span class="token punctuation">,</span></span>
<span class="line">    <span class="token function-variable function">success</span><span class="token operator">:</span> <span class="token keyword">function</span><span class="token punctuation">(</span><span class="token parameter">res</span><span class="token punctuation">)</span> <span class="token punctuation">{</span></span>
<span class="line">        <span class="token keyword">if</span> <span class="token punctuation">(</span>res<span class="token punctuation">.</span>confirm<span class="token punctuation">)</span> <span class="token punctuation">{</span></span>
<span class="line"></span>
<span class="line">        <span class="token punctuation">}</span></span>
<span class="line">    <span class="token punctuation">}</span></span>
<span class="line"><span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span></span>
<span class="line"></span></code></pre><div class="line-numbers" aria-hidden="true" style="counter-reset:line-number 0;"><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div></div></div>`,68),l=[e];function o(i,c){return a(),s("div",null,l)}const r=n(p,[["render",o],["__file","Uni-App笔记.html.vue"]]),d=JSON.parse('{"path":"/%E9%A3%9E%E7%A0%81%E7%AF%87/Uni-App%E7%AC%94%E8%AE%B0.html","title":"Uni-App 笔记","lang":"zh-CN","frontmatter":{"title":"Uni-App 笔记","date":"2022-08-04T00:00:00.000Z","tags":["uniapp","笔记"],"categories":["飞码篇"]},"headers":[{"level":2,"title":"1. 使用系统默认的导航栏样式","slug":"_1-使用系统默认的导航栏样式","link":"#_1-使用系统默认的导航栏样式","children":[]},{"level":2,"title":"2. pages.json 中 将级联文件夹指定到本文件夹中","slug":"_2-pages-json-中-将级联文件夹指定到本文件夹中","link":"#_2-pages-json-中-将级联文件夹指定到本文件夹中","children":[]},{"level":2,"title":"3. uni-app 路由跳转","slug":"_3-uni-app-路由跳转","link":"#_3-uni-app-路由跳转","children":[]},{"level":2,"title":"4.textarea框怎么设置输入字数和显示用户所输入的字数","slug":"_4-textarea框怎么设置输入字数和显示用户所输入的字数","link":"#_4-textarea框怎么设置输入字数和显示用户所输入的字数","children":[]},{"level":2,"title":"5.查看更多/收起  不单单可以使用显示隐藏来做还可以使用overflow: hidden","slug":"_5-查看更多-收起-不单单可以使用显示隐藏来做还可以使用overflow-hidden","link":"#_5-查看更多-收起-不单单可以使用显示隐藏来做还可以使用overflow-hidden","children":[]},{"level":2,"title":"6. 对于uni-app来说，设置整屏的背景","slug":"_6-对于uni-app来说-设置整屏的背景","link":"#_6-对于uni-app来说-设置整屏的背景","children":[]},{"level":2,"title":"7.带参数跳转路由","slug":"_7-带参数跳转路由","link":"#_7-带参数跳转路由","children":[]},{"level":2,"title":"8.uni-app 方法之呼叫电话","slug":"_8-uni-app-方法之呼叫电话","link":"#_8-uni-app-方法之呼叫电话","children":[]},{"level":2,"title":"9. 路由跳转","slug":"_9-路由跳转","link":"#_9-路由跳转","children":[]},{"level":2,"title":"10.验证方法是否出错，或者错误在哪里","slug":"_10-验证方法是否出错-或者错误在哪里","link":"#_10-验证方法是否出错-或者错误在哪里","children":[]},{"level":2,"title":"11.跳转到微信客服","slug":"_11-跳转到微信客服","link":"#_11-跳转到微信客服","children":[]},{"level":2,"title":"12.清除缓存","slug":"_12-清除缓存","link":"#_12-清除缓存","children":[]},{"level":2,"title":"13.  修改上一个页面的值","slug":"_13-修改上一个页面的值","link":"#_13-修改上一个页面的值","children":[]},{"level":2,"title":"14.生命周期","slug":"_14-生命周期","link":"#_14-生命周期","children":[]},{"level":2,"title":"15. 富文本转为文本  富文本解析","slug":"_15-富文本转为文本-富文本解析","link":"#_15-富文本转为文本-富文本解析","children":[{"level":3,"title":"方法一    rich-text","slug":"方法一-rich-text","link":"#方法一-rich-text","children":[]},{"level":3,"title":"方法二 使用 hubildx 插件 可定制","slug":"方法二-使用-hubildx-插件-可定制","link":"#方法二-使用-hubildx-插件-可定制","children":[]}]},{"level":2,"title":"16. 所有的wx.方法 ，都可以直接写成 uni.方法","slug":"_16-所有的wx-方法-都可以直接写成-uni-方法","link":"#_16-所有的wx-方法-都可以直接写成-uni-方法","children":[]},{"level":2,"title":"17.获取上一个页面的方法，或者值","slug":"_17-获取上一个页面的方法-或者值","link":"#_17-获取上一个页面的方法-或者值","children":[]},{"level":2,"title":"18 图片没加载的时候有提示，图片加载完成隐藏","slug":"_18-图片没加载的时候有提示-图片加载完成隐藏","link":"#_18-图片没加载的时候有提示-图片加载完成隐藏","children":[]},{"level":2,"title":"19.防止事件冒泡 @tap.stop","slug":"_19-防止事件冒泡-tap-stop","link":"#_19-防止事件冒泡-tap-stop","children":[]},{"level":2,"title":"使用代码 实现弹框功能","slug":"使用代码-实现弹框功能","link":"#使用代码-实现弹框功能","children":[]}],"git":{"updatedTime":1727229103000,"contributors":[{"name":"袁果锅","email":"2914310412@qq.com","commits":1}]},"filePathRelative":"飞码篇/Uni-App笔记.md","excerpt":"<h2>1. 使用系统默认的导航栏样式</h2>\\n<blockquote>\\n<p>在page.json 中将对应的<code>navigationStyle</code>改为  <code>custom</code></p>\\n</blockquote>\\n<div class=\\"language-vue\\" data-highlighter=\\"prismjs\\" data-ext=\\"vue\\" data-title=\\"vue\\"><pre class=\\"language-vue\\"><code><span class=\\"line\\">\\"navigationStyle\\": \\"custom\\"</span>\\n<span class=\\"line\\"></span></code></pre></div>"}');export{r as comp,d as data};