Issue #2555💬 AnsweredOpened February 7, 2020by mario-digital1 reactions

Update min max values of vue-slider

快速解答by artf❤ 1

Dude, this is Vue related question... btw, you just need to pass them in vue function render

Question

Hello,

Ive added vue-slider to my project and I am trying to set the min and max range on the sliders to go -100 to 100. However when I set them I get:

[Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop's value. Prop being mutated: "min"

I understand this is because I am setting the values on the parent level but I am having trouble setting them directly on my traits.

Would you be able to give me some insight on how to set these using grapes? Thank you!

please see fiddle

https://jsfiddle.net/uwrn3okf/

Answers (1)

artf• February 13, 2020

Dude, this is Vue related question...

btw, you just need to pass them in vue function render

h(VueSlider, {
	props: {
		min: -100,
		max: 100,
		contained: true,
    }
})

Paid Plugins That Match This Issue

Curated by issue keywords and label relevance to help you ship faster.

View all plugins

Loading paid plugin recommendations...

Free option

Check the open-source GrapesJS plugins on GitHub or run a quick search in our free catalog.

Browse free plugins →

Premium option

Premium plugins ship with support, regular updates, and production-ready features — save days of integration work.

Browse premium plugins →

Browse Plugin Categories

Jump directly to plugin category pages on the marketplace.

预设插件组成部分方块资产指挥 I18n 层次风格存储 RTE 通讯网页场地建设者

Update min max values of vue-slider

Question

Answers (1)

Related Questions and Answers

Help needed: Get the component that a block being dropped onto?

[Question]: new style is not reflected in panel

Double Entry in Layers if Component is moved directly after add

Layer manager not refreshing on page change

Paid Plugins That Match This Issue

Browse Plugin Categories