相关文章推荐
聪明的柚子  ·  HTMLIFrameElement:load ...·  5 天前    · 
光明磊落的葫芦  ·  猫头虎 分享:Python库 Bottle ...·  5 天前    · 
买醉的铁链  ·  2025年度中国直销87家企业发展报告,新鲜 ...·  7 月前    · 
礼貌的椰子  ·  交好性诠释学论纲-科技处·  9 月前    · 
烦恼的跑步鞋  ·  婉儿别闹-倒数 ...·  1 年前    · 
威武的馒头  ·  【全国3年以下3-5万二手东风风神】全国3年 ...·  2 年前    · 
强健的冰淇淋  ·  ::上海市公安局奉贤分局::·  2 年前    · 
Code  ›  javascript - v-if为true为什么不显示,一直显示v-else的内容 -
脚本 javascript
https://segmentfault.com/q/1010000039868705
豪爽的手套
2 年前
segmentfault segmentfault
注册登录
问答 博客 标签 活动
发现
✓ 使用“Bing”搜本站 使用“Google”搜本站 使用“百度”搜本站 站内搜索
注册登录
  1. 首页
  2. 问答
  3. javascript
  4. 问答详情

v-if为true为什么不显示,一直显示v-else的内容

头像
rain
444 5 87 215
发布于
2021-04-21
更新于
2021-04-21

如题,代码构成大概如下,打印出来的show.value的值为true,但是就是页面只显示v-else的内容,不显示v-if的。我的头顶后好多问号????

<template>
<div id='a' v-if="show.value">aaaaaaa</div>
<div id='b' v-else>bbbbbbbbb</div>
</template>
<script>
setup(){
const show = ref(false);
setTimeout(()=>{
show.value=true;
},2000);
return {
</script>
vue.js 前端 javascript
阅读 5.3k
3 个回答
得票 最新
头像
jsdeferred
3.3k 2 10 17
发布于
2021-04-21
✓ 已被采纳
<template>
<div id='a' v-if="show">aaaaaaa</div>
<div id='b' v-else>bbbbbbbbb</div>
</template>
<script>
setup(){
const show = ref(false);
setTimeout(()=>{
show.value=true;
},2000);
return {show}
</script>
头像
znw-test
178 5 11
发布于
2021-04-21
更新于
2021-04-21

可能是因为setup()没有将变量show返回。

setup(){
 
推荐文章
聪明的柚子  ·  HTMLIFrameElement:loading 属性 - Web API | MDN
5 天前
光明磊落的葫芦  ·  猫头虎 分享:Python库 Bottle 的简介、安装、用法详解入门教程开发者社区
5 天前
买醉的铁链  ·  2025年度中国直销87家企业发展报告,新鲜出炉!|大力|经营|知识经济|品牌影响力_网易订阅
7 月前
礼貌的椰子  ·  交好性诠释学论纲-科技处
9 月前
烦恼的跑步鞋  ·  婉儿别闹-倒数 寸止主播?大型赛博impart现场_哔哩哔哩_bilibili
1 年前
威武的馒头  ·  【全国3年以下3-5万二手东风风神】全国3年以下3-5万二手东风风神交易市场_全国3年以下3-5万二手东风风神报价 - 小猪二手车
2 年前
强健的冰淇淋  ·  ::上海市公安局奉贤分局::
2 年前
今天看啥   ·   Py中国   ·   codingpro   ·   小百科   ·   link之家   ·   卧龙AI搜索
删除内容请联系邮箱 2879853325@qq.com
Code - 代码工具平台
© 2024 ~ 沪ICP备11025650号