作者:管理员  历史版本:1  最后编辑:龚清  更新时间:2024-11-20 15:41

基础的配置

页面代码

ibps-contextmenu基本默认的配置代码展示。直接写入模板内(需要有个根元素包裹),传入对应得属性值即可。

<template>
  <div>
      ...
      <!--操作菜单-->
      <ibps-contextmenu
      v-if="contextmenus"
      ref="contextmenu"
      :z-index="contextmenuZIndex"
      :data="contextmenuList"
      @click="handleContextmenuClick"
      />
      ...
  </div>
</template>

<script>
export default {
  data() {
    ...
  }
}
</script>

获取内部值和方法

可以通过 ref 拿到地址组件实时数据以及内部方法。

...
this.$refs.contextmenu.hide() // 隐藏菜单
...

以上为暂时个例的取值和方法通过ref进行调用,详细的请查看API进行使用。