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

focus on child components on single page applications - 2

Healthy Horse answered on January 2, 2022 Popularity 1/10 Helpfulness 1/10

answer focus on child components on single page applications - 2

related focus on child components on single page applications - 1

focus on child components on single page applications - 2

Comment

<template>
  <div>
    <input type="text" ref="childInput" />
  </div>
</template>

<script>
export default {
  name: 'child',
  mounted() {
    this.$root.$on('focusChildInput', () => this.$refs.childInput.focus());
  },
};
</script>

Popularity 1/10 Helpfulness 1/10 Language javascript

Source: stackoverflow.com

Tags: components focus javascript

Link to this answer
Share Copy Link

Contributed on Jan 02 2022

Healthy Horse

0 Answers Avg Quality 2/10

Closely Related Answers

focus on child components on single page applications - 1

Comment

<template>
  <div>
    <button type="button" @click="focusChildInput">Focus to Input</button>
    <child />
  </div>
</template>

<script>
import child from './child.vue';

export default {
  name: 'app',
  components: { child },
  methods: {
    focusChildInput() {
      this.$root.$emit('focusChildInput');
    },
  },
};
</script>

Popularity 1/10 Helpfulness 1/10 Language javascript

Source: stackoverflow.com

Tags: components focus javascript

Link to this answer
Share Copy Link

Contributed on Jan 02 2022

Healthy Horse

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.

focus on child components on single page applications - 2

Contents

More Related Answers

focus on child components on single page applications - 2

Closely Related Answers

focus on child components on single page applications - 1

Grepper

Documentation

Social

Legal

Contact

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