V-show的正确使用方法

1.v-show指令的作用是：根据切换元素的显示状态
2.原理是修改元素的display，实现显示隐藏
3.通过判断自定义值为true或false进行隐藏显示

下列是v-show最基本的引用方式

<template><view class="" >
<image src="../../static/c1.png"  @click="cj()"></image>
<input type="text" value="" placeholder="我打打打" v-show="ww" /></view></view></template><script>export default {data() {return {ww:true// www:true,// www:true}},methods: {
cj(){this.ww=!this.ww}    }}
</script>

也可以直接在html中进行取反达到图片切换效果

<template><view class="" >
<image src="../../static/c1.png"  @click="cj()" v-show="ww"></image>
<image src="../../static/c2.png"  @click="cj()" v-show="!ww"></image></view></view></template><script>export default {data() {return {ww:true// www:true,// www:true}},methods: {
cj(){this.ww=!this.ww}    }}
</script>

V-show的正确使用方法相关推荐

云栖专辑 | 阿里开发者们的第11个感悟：拥抱变化，用正确的方法对待工作
2015年12月20日,云栖社区上线.2018年12月20日,云栖社区3岁. 阿里巴巴常说"晴天修屋顶". 在我们看来,寒冬中,最值得投资的是学习,是增厚的知识储备. 所以社区特别 ...
怎么计算机械设备电机,电机功率计算公式是什么？电机正确选配方法
如今生活中人们总是会使用到各种各样的机械设备,这些机械设备的应用也在不断的满足着人们不同环境下的使用需求,当然在这些机械设备应用过程中也存在很多的问题需要大家去解决,了解选型方法以及其中的计算方法也是 ...
“远程服务器返回错误: (404) 未找到”的正确解决方法
转自chuncn原文 "远程服务器返回错误: (404) 未找到"的正确解决方法在XP下的自动升级程序,放到win2003后无论如何配置IIS.添加读写权限等等,均未解决&quo ...
C语言估算数学常量e,c语言常量的正确表示方法有哪些
c语言常量的正确表示方法有哪些 C语言中的数值常量可以简单的分为如下两种整型常量和浮点数常量: 一.整型常量如6,27,-299 在 C 语言中,整型常量分为十进制整型常量.八进制整型常量和十六进制 ...
自动档车正确起步方法，自动挡开车起步7个步骤
自动挡车正确起步方法(带有一键启动功能) 第一步,驾驶员坐到驾驶座后,不需要踩刹车,直接按一下启动键,此时ACC灯亮,然后再按多一下,此时车辆进行自检:建议每次冷启动都不要跳过自检的步骤,而热启动可以 ...
mybatis是什么_为什么SpringMVC可以正确解析方法参数名称，但MyBatis却不行？
对Java字节码有一定了解的朋友应该知道,Java 在编译的时候,默认不会保留方法参数名,因此我们无法在运行时获取参数名称.但是在使用 SpringMVC 的时候,我发现一个奇怪的现象:当我们需要接收 ...
SpringBoot 中 @RequestBody的正确使用方法
SpringBoot 中 @RequestBody的正确使用方法最近在接收一个要离职同事的工作,接手的项目是用SpringBoot搭建的,其中看到了这样的写法: [java] view plain ...
react避免子组件渲染_如何与React一起使用正确的方法来避免一些常见的陷阱
react避免子组件渲染 One thing I hear quite often is "Let's go for Redux" in our new React app. It ...
无法打开计算机上的event log服务,Win7系统下启用Windows event log服务发生4201错误的正确解决方法...
Windows event log服务会把程序与系统发送的错误消息记录在日志中,其中还包含了部分有用的诊断信息,近期有Win7用户在启用windows event log服务的时候,发生4201错误提 ...
方向盘的正确驾驭方法
如果问您油门踏板和方向盘哪个与驾驶员最"亲密",您会选择谁呢?恐怕还是方向盘吧.如果汽车行驶过程中您的双手同时离开了方向盘,那么事故的隐患也就随之而来.下面我们就为您全面介绍汽车方 ...

V-show的正确使用方法

V-show的正确使用方法相关推荐

最新文章

热门文章