I want to add few sliders, but can't understand how to separate their values. Exam

Is this able to solve your problem? <div class="highlight highlight-text-html-basi

Do not work :( <a target="_blank" rel="noopener noreferrer nofollow" href="https:/

It's seems that default keyword is bad. I changed <div class="sn

I'm sorry I wrote #red in the reply, should be <code

How to bind parameters with nested value? about vue-slider-component HOT 9 CLOSED

nightcatsama commented on May 28, 2024

How to bind parameters with nested value?

from vue-slider-component.

Comments (9)

NightCatSama commented on May 28, 2024

Is this able to solve your problem?

<slider :max="price.max" v-model="price.value"></slider>

from vue-slider-component.

bubnenkoff commented on May 28, 2024

Can't understand how to change default style.

I am trying to do next:

  <div class="MySlider"><vue-slider ref="slider" :speed="price.speed" :interval="price.interval" :formatter = "price.formatter" :max="price.max" :min="price.min" v-model="price.value"></vue-slider></div>

                tooltipStyle: {
						backgroundColor: '#red',
						borderColor: '#666'
					},
                price: {
                    value: [1.5,10],
                    min: 1,
                    max: 10,
                    interval: 0.5,
                    formatter: "{value} тыс. ₽",
                    bgstyle: {
                        backgroundColor: '#red',
                    }
                }

Can I put style tooltipStyle outside if I need it's global? How I should bind slider and style?

from vue-slider-component.

bubnenkoff commented on May 28, 2024

I can't understand how binding with default parameters works.

For example my code:

    export default {
        name : "LeftMenu",
        data() {
            return {
                default: {
                tooltipStyle: {
				backgroundColor: '#red',
				borderColor: '#666'
				}
                },
                price: {
                    value: [1.5,10],
                    min: 1,
                    max: 10,
                    interval: 0.5,
                    formatter: "{value} тыс. ₽"
                }

What should I add to slider to bind it with default?

from vue-slider-component.

NightCatSama commented on May 28, 2024

Did not see that you have passed tooltip-style down to the component. just like:

<vue-slider :tooltip-style="tooltipStyle"></vue-slider>
// ....
data() {
    return {
        tooltipStyle: {
            backgroundColor: '#red',
            borderColor: '#666'
        }
    }
}

from vue-slider-component.

bubnenkoff commented on May 28, 2024

Do not work :(

from vue-slider-component.

bubnenkoff commented on May 28, 2024

It's seems that default keyword is bad.

I changed

 :tooltip-style="my.processStyle"

And:

    export default {
        name : "LeftMenu",
        data() {
            return {
                my: {
                processStyle: 
                {
						backgroundColor: 'green',
						borderColor: '#666'
				},
                tooltipStyle: 
                {
				backgroundColor: 'red',

And got it work. But with default it's not working

from vue-slider-component.

NightCatSama commented on May 28, 2024

I'm sorry I wrote #red in the reply, should be red.

After my test, the cause of the bug is not a default keyword.

from vue-slider-component.

bubnenkoff commented on May 28, 2024