文档 展开 版本说明 技术栈介绍 架构介绍 全局响应码 全局请求格式 全局响应格式 前端开发文档 前端培训大纲 技术选型 前端相关知识及相关框架 【必看】开发规范(风格指南) IBPS平台开发 目录结构 快速上手 开发典型页面 平台开发指导 通用组件 ibps-crud【增删改查】 ibps-tree-select 【下拉树】 ibps-address【地址】 ibps-affix【图钉】 使用指南 API 示例 ibps-back-to-top【返回顶部】 ibps-card-list【列表-卡片形式】 ibps-checkbox【多选】 ibps-container【布局控件】 ibps-contextmenu【右键菜单】 ibps-data-range【日期范围】 ibps-display-field【显示字段】 ibps-ellipsis【超出文本省略】 ibps-empty【为空展示】 ibps-file-viewer【附件预览】 ibps-fullcalendar【日历】 ibps-help【帮助提示框体】 ibps-highlight【高亮】 ibps-icon【字体图标(font)】 ibps-icon-park-select【图标选择器(icon-park)】 ibps-icon-select【图标选择器(icon-icon)】 ibps-icon-svg【字体图标(svg)】 ibps-icon-svg-select【svg选择器】 ibps-layout【布局(左中右)】 ibps-link【链接】 ibps-link-btn【链接按钮】 ibps-list【列】 ibps-location【定位】 ibps-marquee【跑马灯】 ibps-number【数字类型输入框】 ibps-number-range【数字范围】 业务组件 流程组件 插件 VUEX 常量和静态配置 多页面 路由 权限控制管理 异步请求 数据持久化 CSS 实用类 Util 实用工具 通用过滤器(filters) 通用指令(directives) vue-cli 和 webpack 配置 mock开发 二次开发指导 构建、发布和部署 FAQ 扩展阅读 移动端开发文档 后端开发文档 后端接口调用文档(Java) IDE部署手册 二次开发指导 FAQ 暂无数据! 阅读次数:297 使用指南 基础的配置页面代码获取内部值和方法作者:管理员 历史版本:1 最后编辑:龚清 更新时间:2025-01-02 11:51基础的配置页面代码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进行使用。