我在 h3 元素内打印了数据库中的信息。我想从这里读取信息并将其发送到导出默认数据？

Question

...
 <div v-for="q in question" :key="q" >
            <h3> {{q.content}} </h3>
            <h3> A) {{q.a}}  </h3>
            <h3> B) {{q.b}} </h3> 
            <h3> C) {{q.c}} </h3>
            <h3> D) {{q.d}} </h3>
           <v-btn v-if="veritabani" class="mt-2 primary"  @click="add" > Add </v-btn>
        </div>
...
export default{
data()
{ 
item:''
}
...

我想将第一个h3的信息发送到项目中。在 Vue.js 中如何操作？

Answer 1

<script src="https://unpkg.com/vue"></script>

<div id="app">
  <div v-for="(item, index) in questions" :key="index">
    <h3> {{item.content}} </h3>
    <h3> A) {{item.a}} </h3>
    <h3> B) {{item.b}} </h3>
    <h3> C) {{item.c}} </h3>
    <h3> D) {{item.d}} </h3>
    
    <button @click="setItem(item)">
      Add
    </button>
   
    
  <!--   <v-btn v-if="veritabani" class="mt-2 primary" @click="add"> Add </v-btn> -->
  </div>
  
  <div>
    Selected Item: {{item}}
  </div>
</div>

脚本：

new Vue({
  el: '#app',
  data: {
    "questions": [
        {
        "content": "My first question",
        "a": "Option A",
        "b": "Option B",
        "c": "Option C",
        "d": "Option D"
      }
    ],
    item: null
  },
  methods: {
    setItem (item) {
        this.item = item
    }
  }
})

JS fiddle example

我在 h3 元素内打印了数据库中的信息。我想从这里读取信息并将其发送到导出默认数据？

I printed the info from the database inside the h3 element. I want to read the info from here and send it to the data in export default?

javascript

vue.js

vuetify.js