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

基础的配置

页面代码

ibps-address基本的配置,图钉控件数据配置的代码展示。

<template>
   <ibps-affix
    v-if="(actions && actions.length >0) || hasStepButton"
    ref="affix"
    :offset-top="offsetTop"
    :offset-bottom="offsetBottom"
    :mode="mode"
    :class="formToolbarClass"
    :style="formToolbarStyle"
    class="ibps-form-toolbar hidden-print"
    @change-zindex="(z)=>{zIndex = z}"
  >
... //需要固定渲染得模板元素
  </ibps-affix>
</template>

<script>
...
import IbpsAffix from '@/components/ibps-affix'
...

export default {
  components: {
    ...
    IbpsAffix
    ...
  },
  data() {
    ...
  }
}
</script>

获取内部值和方法

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

...
this.$refs.affix.setAffixStyle() //设置样式属性
...

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