pass showKeys as prop to merchant-details child and use emit to toggle (#105)
previously, index and its child compoment merchant-details had their own booleans and their values were not synched. Using a prop avoids this problem
This commit is contained in:
parent
8efcd07203
commit
cf82ed478d
4 changed files with 8 additions and 9 deletions
|
|
@ -2,18 +2,16 @@ async function merchantDetails(path) {
|
|||
const template = await loadTemplateAsync(path)
|
||||
Vue.component('merchant-details', {
|
||||
name: 'merchant-details',
|
||||
props: ['merchant-id', 'adminkey', 'inkey'],
|
||||
props: ['merchant-id', 'adminkey', 'inkey','showKeys'],
|
||||
template,
|
||||
|
||||
data: function () {
|
||||
return {
|
||||
showKeys: false
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
toggleMerchantKeys: async function () {
|
||||
this.showKeys = !this.showKeys
|
||||
this.$emit('show-keys', this.showKeys)
|
||||
toggleShowKeys: async function () {
|
||||
this.$emit('toggle-show-keys')
|
||||
},
|
||||
|
||||
republishMerchantData: async function () {
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue