Получить компонент vue на другой странице, нажав кнопку на другом компоненте vue или нажав кнопку html
Я хочу загрузить компонент vue на другой странице нажатием кнопки html.
-HTML-кнопка
<a class = "contentButton ml-n5" id = "addCategoryPrice">Add Price<i class = "fa fa-plus-circle"></i></a>
-Vue Компонент
<add-price></add-price>
если это невозможно, то есть ли способ получить компонент vue на другой странице, нажав кнопку на другом компоненте vue.
Вы можете использовать собственный клик для компонентов Vue. <add-price @click.native = "functionHere"></add-price> .Если это не так, предоставьте дополнительную информацию. Также вы можете передать hrefLink в качестве реквизита для компонента с добавленной ценой. Вы можете использовать один из них :)
@WebMan, вы не сможете так общаться с другой страницей
Я хочу получить компонент vue нажатием кнопки HTML, и этот компонент должен появиться на другой странице.
Ответы 1
В моем R&D не было решения с перенаправлением на другую страницу. поэтому я решил скрыть содержимое существующей страницы нажатием кнопки в компоненте vue и показать содержимое, которое я хочу, нажатием кнопки.
-Получить компонент Vue в лезвии
<div id = "vue-app">
<add-price>
</add-price>
</div>
-Vue компонент
#ListTable (идентификатор существующего содержимого страницы)
<template>
<div class = "container">
<a class = "contentButton ml-n5" id = "addPrice" @click = "addPrice">Add Price<i class = "fa fa-plus-circle"></i></a>
</div>
</template>
<script>
export default {
name: "AddPrice",
data() {
return {
isShow: false
}
},
methods: {
addPrice: function (){
let x = $('#ListTable');
x.hide();
this.isShow = true;
}
}
}
</script>
Всем спасибо!
вы можете использовать vuex для связи между компонентами. vuex.vuejs.org/guide