javascript - 如何在 VueJS Material 上隐藏/显示

Question

我正在尝试使用 <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>

Answer 1

我想这会起作用

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