created() { this.qiehuan = localStorage.getItem('qiehuan'); if(this.qiehuan === false){ this.buttonText='切换'; }else{ this.buttonText='还原'; } }, this.qiehuan是false,为什么显示还原

时间: 2024-04-07 22:30:13 浏览: 68
根据你提供的代码,`this.qiehuan`是从`localStorage`中获取的值,而JavaScript中`localStorage`存储的值都是字符串类型。所以无论你存储的是布尔值 `false` 还是字符串 `'false'`,在从`localStorage`获取时都会作为字符串类型返回。 因此,你需要将获取的值转换为布尔类型进行判断。可以使用以下方式: ```javascript created() { this.qiehuan = localStorage.getItem('qiehuan'); if (this.qiehuan === 'false') { // 将字符串 'false' 转换为布尔类型 this.buttonText = '切换'; } else { this.buttonText = '还原'; } }, ``` 通过将字符串 'false' 转换为布尔类型后,判断条件就会正确执行,按钮名称会显示为“切换”。
相关问题

解释这段代码 getaddress: function() { wx.showNavigationBarLoading() var that = this api.get(addressList).then((res) => { that.setData({ addressList: res.Data }) wx.hideNavigationBarLoading() }) }, qiehuan: function(e) { var that = this api.post(addressdefault + '?addressId=' + e.currentTarget.dataset.id, {}).then((res) => { if (res.Code == 200) { that.getaddress() } }) }, goEdit: function(e) { let obj = JSON.stringify(e.currentTarget.dataset.item) wx.navigateTo({ url: '/pages/address-edit/address-edit?item=' + obj }); },

这段代码是一个小程序中的一些函数定义,具体功能如下: 1. `getaddress` 函数:该函数用于获取用户地址列表。在函数中,调用了 `wx.showNavigationBarLoading()` 方法显示导航栏加载动画,接着调用了 `api.get(addressList)` 方法获取地址列表数据。当数据获取成功后,将获取到的数据设置到页面的 `addressList` 变量中,并使用 `wx.hideNavigationBarLoading()` 方法隐藏导航栏加载动画。 2. `qiehuan` 函数:该函数用于切换用户默认地址。在函数中,首先获取到要切换的地址的 ID,然后调用了 `api.post(addressdefault + '?addressId=' + e.currentTarget.dataset.id, {})` 方法将该地址设置为默认地址。当设置成功后,调用 `that.getaddress()` 方法重新获取地址列表数据。 3. `goEdit` 函数:该函数用于跳转到地址编辑页面。在函数中,首先获取到要编辑的地址数据,并将其转换为 JSON 字符串。接着调用了 `wx.navigateTo` 方法跳转到地址编辑页面,并将地址数据作为参数传递给该页面。 需要注意的是,在这些函数中,都使用了 `var that = this` 将 `this` 对象赋值给了 `that` 变量,这是为了在 Promise 的回调函数中能够访问到页面的 `this` 对象,因为在回调函数中,`this` 对象的作用域会发生变化。

//用状态机判断按键模式的状态 module breath_led( input flag_qiehuan, input flag_zanting, input [3:0]move_left, input [3:0]move_right, input [3:0]breath, input clk, input rst_n, output reg [3:0]led, output wire stop ); reg[2:0] state; reg [2:0] temp; always @(posedge clk or negedge rst_n) begin if (rst_n==0) begin led<=4'd0; state<=0; temp <= 3'd0; end else case(state) 3'd0:begin if(flag_qiehuan==0) state<=3'd1; else if(flag_zanting==0) begin state<=3'd3; led<=led; temp <= 3'd0; end else begin state<=3'd0; led<=move_left; end end 3'd1:begin if(flag_qiehuan==0) state<=3'd2; else if(flag_zanting==0) begin state<=3'd3; led<=led; temp <= 3'd1; end else if(flag_zanting==0) begin state<=3'd3; led<=led; end else begin state<=3'd1; led<=move_right; end end 3'd2:begin if(flag_qiehuan==0) state<=3'd0; else if(flag_zanting==0) begin state<=3'd3; led<=led; temp <= 3'd2; end else begin state<=3'd2; led<=breath; end end 3'd3:begin if(flag_zanting==0) state<=temp; else state<=3; end endcase end assign stop = (state == 3'd3) ? 1'b1 : 1'b0; endmodule解释一下代码的意思

这是一个 Verilog HDL 的模块,实现了一个状态机来判断按键模式的状态。具体来说: - 输入:flag_qiehuan、flag_zanting、move_left、move_right、breath、clk、rst_n。其中,flag_qiehuan表示“切换”按钮是否按下,flag_zanting表示“暂停”按钮是否按下,move_left、move_right、breath是三种不同的LED灯的闪烁模式,clk是时钟信号,rst_n是异步复位信号。 - 输出:led、stop。其中,led表示当前LED灯的状态,stop表示是否需要停止当前的状态。 代码实现中,使用了三个状态(state):0、1和2,以及一个临时状态(temp),用来判断按键的状态。当rst_n为低电平时,将状态和临时状态都初始化为0,LED灯状态为0。当rst_n为高电平时,根据不同的状态,进行不同的操作。具体来说: - 当状态为0时,如果“切换”按钮被按下,则切换到状态1;如果“暂停”按钮被按下,则进入临时状态3,LED灯状态保持不变;否则,LED灯状态切换到move_left。 - 当状态为1时,如果“切换”按钮被按下,则切换到状态2;如果“暂停”按钮被按下,则进入临时状态3,LED灯状态保持不变;否则,如果“切换”按钮被按下,则切换到状态2,LED灯状态切换到breath;否则,如果“暂停”按钮被按下,则进入临时状态3,LED灯状态保持不变;否则,LED灯状态切换到move_right。 - 当状态为2时,如果“切换”按钮被按下,则回到状态0;如果“暂停”按钮被按下,则进入临时状态3,LED灯状态保持不变;否则,如果“切换”按钮被按下,则回到状态0,LED灯状态切换到move_left;否则,LED灯状态切换到breath。 - 当状态为3时,如果“暂停”按钮被按下,则回到临时状态中保存的状态;否则,回到状态0。 最后,通过assign语句,判断当前状态是否为3,如果是,则表示需要停止当前状态。
阅读全文

相关推荐

最新推荐

recommend-type

博途1200恒压供水程序,恒压供水,一拖三,PID控制,3台循环泵,软启动工作,带超压,缺水保护,西门子1200+KTP1000触摸屏

博途1200恒压供水程序,恒压供水,一拖三,PID控制,3台循环泵,软启动工作,带超压,缺水保护,西门子1200+KTP1000触摸屏
recommend-type

基于PLC的立体车库,升降横移立体车库设计,立体车库仿真,三层三列立体车库,基于s7-1200的升降横移式立体停车库的设计,基于西门子博图S7-1200plc与触摸屏HMI的3x3智能立体车库仿真控制

基于PLC的立体车库,升降横移立体车库设计,立体车库仿真,三层三列立体车库,基于s7-1200的升降横移式立体停车库的设计,基于西门子博图S7-1200plc与触摸屏HMI的3x3智能立体车库仿真控制系统设计,此设计为现成设计,模拟PLC与触摸屏HMI联机,博图版本V15或V15V以上 此设计包含PLC程序、触摸屏界面、IO表和PLC原理图
recommend-type

锂电池化成机 姆龙NJ NX程序,NJ501-1400,威伦通触摸屏,搭载GX-JC60分支器进行分布式总线控制,ID262.OD2663等输入输出IO模块ADA801模拟量模块 全自动锂电池化成分容

锂电池化成机 姆龙NJ NX程序,NJ501-1400,威伦通触摸屏,搭载GX-JC60分支器进行分布式总线控制,ID262.OD2663等输入输出IO模块ADA801模拟量模块 全自动锂电池化成分容机,整机采用EtherCAT总线网络节点控制, 埃斯顿总线伺服,埃斯顿机器人动作控制,AD压力模拟量控制伺服电机进行定位运动,雷赛DM3E步进总线控制,触摸屏读写步进电机电流,极性,方向等参数。 触摸屏产量统计。 涵盖人机配方一键型功能,故障记录功能,st+梯形图编写,注释齐全。
recommend-type

西门子Siemens PLC程序,博途V16 V17版,配方程序,RS485通讯控制变频器启停及速度控制,昆仑通态屏与1200通讯S7~1200为cPU为1214,屏采用为mgcS,程序案例

西门子Siemens PLC程序,博途V16 V17版,配方程序,RS485通讯控制变频器启停及速度控制,昆仑通态屏与1200通讯S7~1200为cPU为1214,屏采用为mgcS,程序案例
recommend-type

c3560c405-universalk9-mz.150-2.SE.bin

c3560c405-universalk9-mz.150-2.SE.bin
recommend-type

海康无插件摄像头WEB开发包(20200616-20201102163221)

资源摘要信息:"海康无插件开发包" 知识点一:海康品牌简介 海康威视是全球知名的安防监控设备生产与服务提供商,总部位于中国杭州,其产品广泛应用于公共安全、智能交通、智能家居等多个领域。海康的产品以先进的技术、稳定可靠的性能和良好的用户体验著称,在全球监控设备市场占有重要地位。 知识点二:无插件技术 无插件技术指的是在用户访问网页时,无需额外安装或运行浏览器插件即可实现网页内的功能,如播放视频、音频、动画等。这种方式可以提升用户体验,减少安装插件的繁琐过程,同时由于避免了插件可能存在的安全漏洞,也提高了系统的安全性。无插件技术通常依赖HTML5、JavaScript、WebGL等现代网页技术实现。 知识点三:网络视频监控 网络视频监控是指通过IP网络将监控摄像机连接起来,实现实时远程监控的技术。与传统的模拟监控相比,网络视频监控具备传输距离远、布线简单、可远程监控和智能分析等特点。无插件网络视频监控开发包允许开发者在不依赖浏览器插件的情况下,集成视频监控功能到网页中,方便了用户查看和管理。 知识点四:摄像头技术 摄像头是将光学图像转换成电子信号的装置,广泛应用于图像采集、视频通讯、安全监控等领域。现代摄像头技术包括CCD和CMOS传感器技术,以及图像处理、编码压缩等技术。海康作为行业内的领军企业,其摄像头产品线覆盖了从高清到4K甚至更高分辨率的摄像机,同时在图像处理、智能分析等技术上不断创新。 知识点五:WEB开发包的应用 WEB开发包通常包含了实现特定功能所需的脚本、接口文档、API以及示例代码等资源。开发者可以利用这些资源快速地将特定功能集成到自己的网页应用中。对于“海康web无插件开发包.zip”,它可能包含了实现海康摄像头无插件网络视频监控功能的前端代码和API接口等,让开发者能够在不安装任何插件的情况下实现视频流的展示、控制和其他相关功能。 知识点六:技术兼容性与标准化 无插件技术的实现通常需要遵循一定的技术标准和协议,比如支持主流的Web标准和兼容多种浏览器。此外,无插件技术也需要考虑到不同操作系统和浏览器间的兼容性问题,以确保功能的正常使用和用户体验的一致性。 知识点七:安全性能 无插件技术相较于传统插件技术在安全性上具有明显优势。由于减少了外部插件的使用,因此降低了潜在的攻击面和漏洞风险。在涉及监控等安全敏感的领域中,这种技术尤其受到青睐。 知识点八:开发包的更新与维护 从文件名“WEB无插件开发包_20200616_20201102163221”可以推断,该开发包具有版本信息和时间戳,表明它是一个经过时间更新和维护的工具包。在使用此类工具包时,开发者需要关注官方发布的版本更新信息和补丁,及时升级以获得最新的功能和安全修正。 综上所述,海康提供的无插件开发包是针对其摄像头产品的网络视频监控解决方案,这一方案通过现代的无插件网络技术,为开发者提供了方便、安全且标准化的集成方式,以实现便捷的网络视频监控功能。
recommend-type

PCNM空间分析新手必读:R语言实现从入门到精通

![PCNM空间分析新手必读:R语言实现从入门到精通](https://opengraph.githubassets.com/6051ce2a17cb952bd26d1ac2d10057639808a2e897a9d7f59c9dc8aac6a2f3be/climatescience/SpatialData_with_R) # 摘要 本文旨在介绍PCNM空间分析方法及其在R语言中的实践应用。首先,文章通过介绍PCNM的理论基础和分析步骤,提供了对空间自相关性和PCNM数学原理的深入理解。随后,详细阐述了R语言在空间数据分析中的基础知识和准备工作,以及如何在R语言环境下进行PCNM分析和结果解
recommend-type

生成一个自动打怪的脚本

创建一个自动打怪的游戏脚本通常是针对游戏客户端或特定类型的自动化工具如Roblox Studio、Unity等的定制操作。这类脚本通常是利用游戏内部的逻辑漏洞或API来控制角色的动作,模拟玩家的行为,如移动、攻击怪物。然而,这种行为需要对游戏机制有深入理解,而且很多游戏会有反作弊机制,自动打怪可能会被视为作弊而被封禁。 以下是一个非常基础的Python脚本例子,假设我们是在使用类似PyAutoGUI库模拟键盘输入来控制游戏角色: ```python import pyautogui # 角色位置和怪物位置 player_pos = (0, 0) # 这里是你的角色当前位置 monster
recommend-type

CarMarker-Animation: 地图标记动画及转向库

资源摘要信息:"CarMarker-Animation是一个开源库,旨在帮助开发者在谷歌地图上实现平滑的标记动画效果。通过该库,开发者可以实现标记沿路线移动,并在移动过程中根据道路曲线实现平滑转弯。这不仅提升了用户体验,也增强了地图应用的交互性。 在详细的技术实现上,CarMarker-Animation库可能会涉及到以下几个方面的知识点: 1. 地图API集成:该库可能基于谷歌地图的API进行开发,因此开发者需要有谷歌地图API的使用经验,并了解如何在项目中集成谷歌地图。 2. 动画效果实现:为了实现平滑的动画效果,开发者需要掌握CSS动画或者JavaScript动画的实现方法,包括关键帧动画、过渡动画等。 3. 地图路径计算:标记在地图上的移动需要基于实际的道路网络,因此开发者可能需要使用路径规划算法,如Dijkstra算法或者A*搜索算法,来计算出最合适的路线。 4. 路径平滑处理:仅仅计算出路线是不够的,还需要对路径进行平滑处理,以使标记在转弯时更加自然。这可能涉及到曲线拟合算法,如贝塞尔曲线拟合。 5. 地图交互设计:为了与用户的交互更为友好,开发者需要了解用户界面和用户体验设计原则,并将这些原则应用到动画效果的开发中。 6. 性能优化:在实现复杂的动画效果时,需要考虑程序的性能。开发者需要知道如何优化动画性能,减少卡顿,确保流畅的用户体验。 7. 开源协议遵守:由于CarMarker-Animation是一个开源库,开发者在使用该库时,需要遵守其开源协议,合理使用代码并遵守贡献指南。 此库的文件名'CarMarker-Animation-master'表明这是一个主分支的项目,可能包含源代码文件、示例项目、文档说明等资源。开发者可以通过下载解压缩后获得这些资源,并根据提供的文档来了解如何安装和使用该库。在使用过程中,建议仔细阅读开源项目的贡献指南和使用说明,以确保库的正确集成和使用,同时也可以参与开源社区,与其他开发者共同维护和改进这一项目。"
recommend-type

5G核心网元性能瓶颈揭秘

![5G核心网元性能瓶颈揭秘](https://www.telecomhall.net/uploads/db2683/original/3X/4/a/4a76a0c1d1594eec2d2f7cad1a004b9f60e3a825.png) # 摘要 随着5G技术的发展和应用,其核心网的性能优化成为了行业关注的焦点。本文首先概述了5G核心网的架构,并对性能瓶颈进行深入分析,识别了关键的性能指标和瓶颈识别方法。通过案例分析,展示了核心网元常见的性能问题及其诊断和解决过程。随后,文章提出了多项性能优化策略,包括网络设计、系统配置调整以及新技术的应用。此外,本文探讨了安全挑战如何影响核心网的性能,