PHVNTOW
@PHVNTOW

Как передать данные из разных компонентов?

Не могу передать значение Input из компонента App в компонент Item.

Пробовал уже всё что смог найти в гугле.

------------------- App -------------------
import item from './components/Item.vue'

export default {
  name: "App",
  components: {
    item
  },
  data() {
    return {
      ipnutValue: '',
      items: []
    }
  },
  methods: {
    addNote() {
      this.items.push("item")
      this.ipnutValue = this.itemTitle
      console.log(this.ipnutValue)
      this.ipnutValue = ""
      console.log('Note was create')
    }
  },
};

------------------- Item -------------------

export default {
  name: "item",
  data() {
    return {
      itemTitle: '',
      itemStatus: 'isActive',
      delItem: true
    }
  },
  methods: {
    statusFun: function () {
      if(this.itemStatus === 'isActive') {
        this.itemStatus = 'isDone'
      } else {
        this.itemStatus = 'isActive'
      }
      console.log('Status Working')
    },
    DelFun() {
      console.log('Del BTN Working')
    }
  }
};
  • Вопрос задан
  • 60 просмотров
Решения вопроса 1
Пригласить эксперта
Ответы на вопрос 1
@Alex_mos
Props или vuex, смотря как расположен компонент item
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы