javascript - 如何在 VueJS Material 上隐藏/显示 <md-progress-bar>

标签 javascript vue.js vue-component vue-material

我正在尝试使用 <md-progress-bar>组件来自here 。问题是我无法确定使用变量值隐藏和显示。我正在尝试这样做,但不起作用。

<template>
...
 <md-progress-bar md-mode="indeterminate" :md-active.sync="showProgressBar"></md-progress-bar>
</template>

<script>
export default {
...
data() {
 return {
  ...,
  showProgressBar: false
  }
}
}
</script>

最佳答案

我想这会起作用

<md-progress-bar md-mode="indeterminate" v-show="showProgressBar"></md-progress-bar>

关于javascript - 如何在 VueJS Material 上隐藏/显示 <md-progress-bar>,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57637345/

相关文章:

html - 缩略图和说明未显示在 Whatsapp 预览链接上

vue.js - 在 vue-cli 上使用 vue-router 设置页面路由的简单示例

javascript - 不能两次使用 jquery 请求变量

javascript - jQuery 在元素动画之后滚动到元素

Laravel Passport 中间件保护路由 "Unauthenticated"问题

javascript - Vue.js - 更改我动态创建的未定义 img 源

javascript - VueJS 组件 ref 在所有阶段都是未定义的

vue.js - 如何处理 Vue.js 中的 $dispatch 和 $broadcast 弃用?

javascript - Greasemonkey 如何自动连续点击按钮?

javascript - 使用 KendoUI 折线图,如何在类别上附加多个折线标签?