vue-roller icon indicating copy to clipboard operation
vue-roller copied to clipboard

Uncaught (in promise) TypeError: props.value is not iterable

Open Fusseldieb opened this issue 2 years ago • 0 comments

Awesome plugin!

However, I have one small issue with it using it with Vue 3. When I attribute a value to it programatically, it breaks.

<Roller default-value="0" value="1000"></Roller> // Works

<Roller default-value="0" :value="1000"></Roller> // Broken - Error

<Roller default-value="0" :value="returnNumber"></Roller> // Broken - Error

The error:

Uncaught (in promise) TypeError: props.value is not iterable
    at vue-roller.es.js:239:48
    at ReactiveEffect.fn (reactivity.esm-bundler.js:982:13)
    at ReactiveEffect.run (reactivity.esm-bundler.js:170:19)
    at get value [as value] (reactivity.esm-bundler.js:993:61)
    at unref (reactivity.esm-bundler.js:1106:29)
    at vue-roller.es.js:253:75
    at Proxy.renderFnWithContext (runtime-core.esm-bundler.js:810:13)
    at Proxy.<anonymous> (runtime-dom.esm-bundler.js:1049:65)
    at renderComponentRoot (runtime-core.esm-bundler.js:870:16)
    at ReactiveEffect.componentUpdateFn [as fn] (runtime-core.esm-bundler.js:5984:46)

Fusseldieb avatar Jan 19 '24 11:01 Fusseldieb