Dear Terry, What is the best way to set default value(selection) fro

Set default selection from list about v-suggest HOT 2 OPEN

terryz commented on May 30, 2024

Set default selection from list

from v-suggest.

Comments (2)

TerryZ commented on May 30, 2024

Use v-model directive directly.

Some code for example below

<v-suggest
  show-field="name"
  v-model="userName"
  :data="list"
 >
</v-suggest>

<script>
export default {
  data () {
    return {
      list: [
        { name: 'tom' },
        { name: 'jerry' },
      ]
      userName = 'jerry'
    }
  }
}
</script>

from v-suggest.

tikvarova commented on May 30, 2024

Dear Terry,

Thanks for the answer, but what will be the proper solution if we need to set "row", not only "text". For example at the moment I use wrapper component which holds v-suggest. I use props to set list items and current object:

The list contains data in simmilar format:


// List object is similar to:
{
  id: 1, name: "test1",
  id: 2, name: "test2",
  id: 3, name: "test3",
  id: 4, name: "test4",
  ...
  ...
  ...
}

Then in wrapper component I use some parameters like:

ref="suggested" :key-field="keyField" :data="list" @values="values" @clear="$emit('clear')" :show-field="showField":full-list="true" etc.

and than use something like this:


 <script>
export default {
  props: {
    list: { type: [Object, Array], required: true }, 
    current: { type: [Object, Array], required: true },
    v: { type: String, default: '' },
    t: { type: String, default: '' },
  },
  data() {
    return {
      keyField: 'id',
    };
  },
  mounted: function() {
    this.$nextTick(() => {
      this.$refs.suggested.text = this.current[this.t] ? this.current[this.t] : '';
    });
  },
  methods: {
    values(row) {
      this.$emit('values', row);
    },
    clearText() {
      console.log('Cleared from BranchNew "clear" method!');
    },
    showField(row) {
      return row.Name;
    },
  },

It works, but I want to check if there is better way to do this!

Thanks in advance

from v-suggest.

Recommend Projects