Vuesax: Components in Prompt errors

Created on 10 Oct 2018  路  4Comments  路  Source: lusaxweb/vuesax

  • Your OS: CentOs
  • Node.js version: 6.4.1
  • Vuesax version: 3.5.0
  • Browser version: Chrome Version 69.0.3497.100 (Official Build) (64-bit)
  • Which package manager did you use for the install? : Yarn

I am trying to launch a Prompt component that has another component as it's content.
I am getting the following errors. The same errors occur even if Prompt content is simple text.

vue.common.js?a8a0:593 [Vue warn]: $attrs is readonly.

found in

---> <VsPrompt> at index.vue
vue.common.js?a8a0:593 [Vue warn]: $listeners is readonly.

found in

---> <VsPrompt> at index.vue



md5-9e9031c5c123a67f0af4985cac819990



found in

---> <VsPrompt> at index.vue



md5-9e9031c5c123a67f0af4985cac819990



found in

---> <VsPrompt> at index.vue



md5-977308241ff6fd94e0e33fc897c8d374



<template>
  <div>
      <vs-button vs-color="success" @click="showMediaModal">Import media</vs-button>

      <vs-prompt
              @vs-cancel="val=false"
              @vs-accept="val=true"
              :vs-active.sync="activeMediaModal">
          <div>
              <media-page v-on:media-selected-media="selectedMedia"></media-page>
          </div>
      </vs-prompt>
  </div>
</template>


md5-0de55cff652397d74c5b2ed5339bf4a3


bug good first issue help wanted

All 4 comments

@alexflorea2 Hi, all right?

I try to simulate your issue, but i could not have this alerts on console.
maybe it errors is on you media-page component.

Look my example it your code (only modified on media-page)

https://codesandbox.io/s/n3zq0l6zqj

Thank you for the sandbox. After more research I think my issue is related to this https://stackoverflow.com/questions/49585845/attrs-is-readonly-listeners-is-readonly-avoid-mutating-a-prop-directly

I will investigate further and get back.

Is it fixed? I got the same issue (Electron-vue, vuex)

@alexflorea2 Hi, all right?

I try to simulate your issue, but i could not have this alerts on console.
maybe it errors is on you media-page component.

Look my example it your code (only modified on media-page)

https://codesandbox.io/s/n3zq0l6zqj

Your example not work. If change version vuesax on 3.9.0.

This problem exists.
https://codesandbox.io/embed/vuesax-prompt-ldcws

The error occurs if you click in an empty area of the screen

Was this page helpful?
0 / 5 - 0 ratings