javascript-winwheel icon indicating copy to clipboard operation
javascript-winwheel copied to clipboard

can't use it with vuejs [solved], turns out the npm package is broken.

Open rebotak opened this issue 7 years ago • 3 comments

got this error while using it on vuejs, even the data, etc been mapped to vue format..

installed the winwheel from npm package: https://www.npmjs.com/package/winwheel

`

        <div class="wheel-wrapper">
            <div>
                <div class="power_controls">
                    <a href="#" @click.prevent="startSpin()">START</a>
                    <a href="#" @click.prevent="resetWheel()">Reset</a>
                </div>
            </div>
            <div width="438" height="582" align="center" valign="center">
                <canvas id="canvas" width="434" height="434">
                    <p style="{color: white}" align="center">Sorry, your browser doesn't support canvas. Please try
                        another.</p>
                </canvas>
            </div>
        </div>
</section>
` `` image

rebotak avatar Oct 30 '18 09:10 rebotak

How did you fix it?

miguelperez avatar Nov 12 '18 16:11 miguelperez

I remake the winwheel.js to class instead of prototype.

rebotak avatar Nov 13 '18 07:11 rebotak

How did you fix it?

hey, I just made vue-winwheel on npm, for vuejs based on zarocknz/javascript-winwheel

feel free to try it out and see how I make it works on vuejs.

https://www.npmjs.com/package/vue-winwheel

rebotak avatar Nov 13 '18 11:11 rebotak