Show data in Vuejs

Question

I want to show DB data using Vuejs. I want to show some product codes. It shows well as I expected. I want to show now description instead of code. But when I try it other prices and all things are changing.

I have mentioned below tried code ->

<template v-for="(chosen_configuration, index) in quote.chosen_configurations">
    <td colspan="3">
      <select id="configuration" name="configuration" v-model="quote.chosen_configurations[index]">
        <option v-for="configuration in quote.configurations" v-text="configuration.configuration_code"></option>
      </select>
    </td>
</template>

I want to show configuration.description instead of v-text="configuration.configuration_code" But when I try v-text="configuration.description" it not workes.

How can I show data using configuration.description without changing v-text="configuration.configuration_code". Is that possible ?

What exactly you want to display? <option></option> has two required attributes, value and text. Ex. <option value="test">Test</option> — ptheodosiou
– ptheodosiou, Commented Jun 25, 2020 at 10:37
What do you mean by all things are changing? It is nice that you provided the code but we lack the context or the data model, do you have a sample js object or json to show that? — godzsa
– godzsa, Commented Jun 25, 2020 at 10:37
Isn't <option v-for="configuration in quote.configurations" v-text="configuration.description"></option> what you need? — godzsa
– godzsa, Commented Jun 25, 2020 at 10:39

ptheodosiou · Accepted Answer · 2020-06-25 10:42:30Z

1

Am adding the code you need, If we understood exactly your request. If it is what you're looking for, accept it as a solution.

<template v-for="(chosen_configuration, index) in quote.chosen_configurations">
  <td colspan="3" :key="index">
    <select id="configuration" name="configuration" v-model="quote.chosen_configurations[index]">
      <option v-for="(configuration, j) in quote.configurations" :key="j" v-text="configuration.description" :value="configuration.configuration_code"></option>
    </select>
  </td>
</template>

answered Jun 25, 2020 at 10:42

ptheodosiou

4003 silver badges19 bronze badges

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

Collectives™ on Stack Overflow

Show data in Vuejs

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