文章/答案/技术大牛

发布

社区首页 >问答首页 >如何从另一个组件“隐藏/显示”"Expandable“组件(quasar)

问如何从另一个组件“隐藏/显示”"Expandable“组件(quasar)
EN

Stack Overflow用户

提问于 2019-07-04 23:26:25

回答 2查看 2.7K关注 0票数 2

我希望能够隐藏/显示有问题的组件，但从另一个组件

像这样的东西

-dropdown.Vue

  <q-expansion-item
    expand-separator
    icon="perm_identity"
    label="Account settings"
    caption="John Doe"
  >
    <q-card>
      <q-card-section>
        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quidem, eius reprehenderit eos corrupti
        commodi magni quaerat ex numquam, dolorum officiis modi facere maiores architecto suscipit iste
        eveniet doloribus ullam aliquid.
      </q-card-section>
    </q-card>
  </q-expansion-item>

closeDrop.Vue

<script>
    methods: {
      click() {
         expansion-item.hide
      }

    }
 </script>

考虑到组件中已经有@hide和@show方法，但我不能完全从vuex管理它！

javascript

vue.js

axios

store

quasar

回答 2

Stack Overflow用户

回答已采纳

发布于 2020-03-17 19:06:17

只需按照https://quasar.dev/vue-components/expansion-item#Controlling-expansion-state中的说明设置v-model即可

<q-expansion-item
  v-model="expanded"
  icon="perm_identity"
  label="Account settings"
  caption="John Doe"
>

在你的脚本中添加一个expanded变量到你的数据中：

export default {
  data: () => ({
    expanded: false
  })
}

现在，只需修改expanded的值即可切换展开状态

this.expanded = true

票数 3

Stack Overflow用户

发布于 2019-07-05 19:09:32

我使用ref属性创建它，并使用"this.$refs.expandableItem.hide()“调用它。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/56890931

复制

相似问题

问如何从另一个组件“隐藏/显示”"Expandable“组件(quasar)
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何从另一个组件“隐藏/显示”"Expandable“组件(quasar)EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何从另一个组件“隐藏/显示”"Expandable“组件(quasar)
EN