Breaking News: Grepper is joining You.com. Read the official announcement!

vue ref in v-for

Adam, the developer answered on April 3, 2021 Popularity 10/10 Helpfulness 2/10

answer vue ref in v-for

related vuejs ref

vue ref in v-for

Comment

<script>
export default {
  data() {
    return {
      list: [1,2,3,4,5]
    }
  },
  mounted() {
    console.log(this.$refs.items)
  }
}
</script>

<template>
  <ul>
    <li v-for="item in list" ref="items">
      {{ item }}
    </li>
  </ul>
</template>

Popularity 10/10 Helpfulness 2/10 Language whatever

Source: Grepper

Tags: ref v-for whatever

Link to this answer
Share Copy Link

Contributed on Dec 14 2022

Adam, the developer

0 Answers Avg Quality 2/10

Closely Related Answers

vuejs ref

Comment

<template>
	<input ref="input">
</template>

<script>
  export default {
    methods: {
	  // used to put the focus on this field from the parent
      focus() {
        this.$refs.input.focus();
      }
    }
  };
</script>

Popularity 10/10 Helpfulness 4/10 Language html

Source: Grepper

Tags: html

Link to this answer
Share Copy Link

Contributed on Apr 03 2021

Lioruby

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

vue ref in v-for

Contents

More Related Answers

vue ref in v-for

Closely Related Answers

vuejs ref

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.