Using Vuejs how do i display data from object and not array

Question

I am simply trying do displat this number found in my data model, but it is not an array so not sure what needs to be added for this to display. For arrays normally generatedData.Number would work, but not in this case. Any assistance would be great!

ew Vue({
  el: "#app",
  data: {
  generatedData:Object,Number:"14444"

  },
  methods: {
    toggle: function(todo){
        todo.done = !todo.done
    }
  }
})

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

<div id="app">
  my number is {{generatedData.Number}}
</div>

in your current example, Number is not a property of generatedData, it's its own property and would be access by {{ Number }}. — Steven B.
– Steven B., Commented Mar 4, 2022 at 19:07
@StevenB. see attached photo. This is how it looks in generatedData — Vzupo
– Vzupo, Commented Mar 4, 2022 at 19:14

Nikola Pavicevic · Accepted Answer · 2022-03-04 20:29:05Z

1

If I understood you correctly try like following snippet:

new Vue({
  el: "#app",
  data() {
    return {
      generatedData: {
        Code: 'LA_100',
        isActive: true, 
        Name: '44445',
        Number: "14444"
      }
    }
  },
  methods: {
    toggle: function(todo){
        todo.done = !todo.done
    }
  }
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<div id="app">
  my number is {{ generatedData.Number }}
</div>

answered Mar 4, 2022 at 20:29

Nikola Pavicevic

23.6k9 gold badges30 silver badges52 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Using Vuejs how do i display data from object and not array

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related