当前位置: 首页 > news >正文

Avue2使用bind关键字绑定深层次的结构对象属性(绑定多级对象到属性,与Yii框架的with属性无缝结合)

Avue2使用bind关键字绑定深层次的结构对象属性(绑定多级对象到属性,与Yii框架的with属性无缝结合)

先看看下面的column结构,bind:‘deep.deep.deep.value’,其中deep.deep.deep.value对应的是data中的deep多级对象。

column:[{label:'深结构',prop:'test',bind:'deep.deep.deep.value'},]

完整的代码演示:

<avue-crud:option="option":data="data"></avue-crud><script>exportdefault{data(){return{form:{},data:[{deep:{deep:{deep:{value:'我是深结构'}}}}],option:{labelWidth:120,column:[{label:'深结构',prop:'test',bind:'deep.deep.deep.value'}]}}}}</script>

说明

prop:属性名,按业务需求的属性名称,也需要填写;
bind:需要绑定的深层次结构对象,注意,这里是带引号的字符串;

http://www.jsqmd.com/news/110689/

相关文章:

  • 基于物联网火灾报警系统(有完整资料)
  • linux 部署Open-AutoGLM
  • 震惊!选对酶制剂,这3家必须知道!
  • FLUX.1-DEV-BNB-NF4全攻略:4bit量化技术深度解析与工业级部署实践
  • 1小时搭建数据分析原型:GROUP BY HAVING实践
  • DB-GPT终极教程:10分钟掌握Text2SQL实战应用
  • 深度解析ET框架UI事件系统与委托交互机制
  • PyODBC 终极指南:轻松连接 Python 与各类数据库的完整解决方案
  • Java常用语法,适合零基础小白,收藏这篇就够了
  • 软工毕设2026选题集合
  • 告别卡顿延迟:Open WebUI的gRPC高性能通信全解析
  • Vectras VM Android虚拟机完整教程:手机变身全能桌面工作站
  • BlockTheSpot深度解析:打造无广告的纯净音乐体验方案
  • KiTTY完整使用指南:Windows上最强大的SSH客户端快速入门
  • 【金融风控图 Agent 实时分析核心机密】:揭秘毫秒级风险识别背后的黑科技
  • 通过css设置div区域的只读效果:让鼠标的禁用
  • 动漫资源管理终极指南:Mikan Project让追番不再迷茫![特殊字符]
  • 实时人像分割的性能突围:从主线程阻塞到Web Worker并行计算
  • 气象AI模型更新困局破解(20年专家实战经验倾囊相授)
  • ESP32音频优化终极指南:实现高效低功耗语音交互
  • NX二次开发 动态调用内部函数以启动宏为例
  • 为什么顶尖医院纷纷引入医疗影像Agent?真相令人震惊
  • Kotaemon支持FIDO认证吗?无密码登录未来展望
  • labelCloud 终极指南:快速掌握3D点云标注的完整教程
  • 【强烈推荐】大模型微调实战指南:从LLaMA Factory到Ollama,打造你的专属模型
  • 为什么传统工具被淘汰?生物信息Agent在序列分析中的5大碾压性优势
  • 高效管理3D打印丝材:Spoolman开源工具让库存追踪变简单
  • 弹幕转换神器:DanmakuFactory零基础完全指南 [特殊字符]
  • 基于stm32的雨水情监控系统(有完整资料)
  • iflow和xiaomi mimo到底是谁的错