Question

我的数据属性如下：

<div data-id="">

在我的markdown文件中，我具有frontmatter变量，如下所示：

id: rick

现在，我想将该对象传递到data-id中，它仅允许我添加字符串。如何制作：

<div data-id="id"> or <div data-id={{ id }}> or <div :data-id={{ id }}>

我使用vuejs。

Answer 1

要将属性绑定到您使用的元素（或组件）上

<div :data-id="id">
   ...
</div>

window.onload = () => {
  new Vue({
    el: '#app',
    data () {
      return {
        id: 123
      }
    }
  })
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.0/vue.js"></script>

<div id="app">
  <div :data-id="id">
    This is rendered as div with and data-id="123"
  </div>
</div>

将对象传递到数据属性

1 个答案: