为了账号安全,请及时绑定邮箱和手机立即绑定

webpack + vue.js中怎么控制组件的显示与隐藏

webpack + vue.js中怎么控制组件的显示与隐藏

白衣染霜花 2019-03-03 08:04:04
webpack + vue.js中怎么控制组件的显示与隐藏
查看完整描述

2 回答

?
慕标5832272

TA贡献1966条经验 获得超4个赞

在src目录下建立components文件夹,并在其中建立app.vue文件,这样我们项目的目录结构如下:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Vue example</title>
</head>
<body>
<app></app>
<script src="dist/build.js"></script>
</body>
</html>

查看完整回答
反对 回复 2019-03-10
?
qq_花开花谢_0

TA贡献1835条经验 获得超7个赞

v-show是通过其值为true或者false来决定所包含的元素是否显示。举例如下:

HTML:

JavaScript(Vue):

默认情况下运行结果会在页面上显示这个p元素,也就是会出现123字符串。

当我们在控制台中使用vm.ok = false;将其值设置为false后。123字符串将立即消失,即p元素被隐藏了。

  


查看完整回答
反对 回复 2019-03-10
  • 2 回答
  • 0 关注
  • 2052 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信