vue3 使用 v-bind 绑定多个值

动态绑定多个值

如果你有像这样的一个包含多个 attribute 的 JavaScript 对象

<view class="title"> <h3 v-bind='objattrs'>测试</h3></view>
const objectOfAttrs = {
  id: 'container',
  class: 'wrapper',
  style: 'background-color:green'
}

结果

<h3 data-v-83a5a03c="" id="container" class="wrapper" style="background-color: green;">测试</h3>
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • DOM 中的根组件模板#[https://cn.vuejs.org/guide/essentials/applic...
    仰望天空的人阅读 1,664评论 0 0
  • 组件可以将 UI 划分为独立的、可重用的部分,并且可以对每个部分进行单独的思考。在实际应用中,组件常常被组织成层层...
    韧心222阅读 119评论 0 0
  • highlight: a11y-dark 模板语法 1.属性绑定的值是 null或 undefined时,则该属性...
    Lafe_4b0a阅读 561评论 0 1
  • 含有动态指令参数内容(2.6.0新增) Event Handling Multiple Event Handler...
    Linker_efcc阅读 1,097评论 0 0
  • 背景 对组件的二次封装应该每个人都有做过,但在进行二次封装的时候都会遇到三个问题,下面针对这三个问题简单实现一下组...
    好市民学编程阅读 1,399评论 0 1

友情链接更多精彩内容