v2.2.0 not detect mixin function cal modal: <div class="snippet-clipboard-

its my function in global mixins: <div class="snippet-clipboard-content notranslat

I still using my example case and modified like below <code class="n

mixin error about v-dialogs HOT 5 OPEN

terryz commented on August 25, 2024

mixin error

from v-dialogs.

Comments (5)

TerryZ commented on August 25, 2024

Is it okay in the old version?

from v-dialogs.

RezaErfani67 commented on August 25, 2024

Yes
It works good on 2.1.4

from v-dialogs.

TerryZ commented on August 25, 2024

I tried some mixins case and use v2.2.0 of v-diaogs, it's work fine, can you post more content to help find issues.

mixins.js file

export default {
  methods: {
    upperCase (text) {
      if (!text) return ''
      return text.toUpperCase()
    }
  }
}

Profile.vue to display in Modal

<template>
  <div>
    <!-- result: `THIS IS TEXT` -->
    <span v-text="upperCasedText()" />
  </div>
</template>

<script>
import mixins from './mixins'
export default {
  mixins: [mixins],
  methods: {
    upperCasedText () {
      // call upperCase function from mixins.js 
      return this.upperCase('This is text.')
    }
  }
}
</script>

In page

import Profile from './Profile.vue'
export default {
  methods: {
    business () {
      this.$dlg.modal(Profile, {
        ...parameters
      })
    }
  }
}

from v-dialogs.

RezaErfani67 commented on August 25, 2024

its my function in global mixins:

Vue.mixin({  ... }))

 i18nMixin:function(key){return i18n.t(key)},

from v-dialogs.

TerryZ commented on August 25, 2024

I still using my example case and modified like below

main.js setup globally mixin

import mixins from './mixins'
Vue.mixin(mixins)

Profile.vue to display in Modal

<template>
  <div>
    <!-- result: `THIS IS TEXT` -->
    <span v-text="upperCasedText()" />
  </div>
</template>

<script>
export default {
  methods: {
    upperCasedText () {
      // call upperCase function from mixins.js 
      return this.upperCase('This is text.')
    }
  }
}
</script>