Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Vue warn]: $attrs is readonly. #384

Closed
jslim89 opened this issue Jul 20, 2019 · 1 comment
Closed

[Vue warn]: $attrs is readonly. #384

jslim89 opened this issue Jul 20, 2019 · 1 comment
Labels

Comments

@jslim89
Copy link

jslim89 commented Jul 20, 2019

Describe the bug

Here's my html

<vue-slider v-model="priceValues"
            :min="1" :max="10000" :interval="1"
            tooltip="always"
            :tooltip-formatter="tooltipFormatter"
            :enable-cross="false"
            class="price-range-slider mt-5"></vue-slider>

In my JS

import VueSlider from 'vue-slider-component'
import 'vue-slider-component/theme/default.css'

var app = new Vue({
    el: '#app',
    components: {
        Multiselect: window.VueMultiselect.default,
        StarRating,
        VueSlider,
    },
    data: {
        priceValues: [1, 10000],
        tooltipFormatter: v => `RM${('' + v).replace(/\B(?=(\d{3})+(?!\d))/g, ',')}`,
...

I got this 2 error

[Vue warn]: $attrs is readonly.

found in

---> <E>
       <Root>
[Vue warn]: $listeners is readonly.

found in

---> <E>
       <Root>

I have no issue when use other vue component, but this component caused the warning.

Environment

  • OS & Version: macOS 10.15 Catalina (19A501i)
  • Vue version: v2.5.21
  • Component Version: v3.0.33
@jslim89 jslim89 added the bug label Jul 20, 2019
@NightCatSama
Copy link
Owner

duplicate issue #342

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

2 participants