Vue Poll
made with Vuejs

Vue Poll

这是一个用于投票的Vue.js组件。

相关问答
暂无相关问题
查看全部
简介及使用教程

Vue Poll是一个用于投票的Vue.js组件,类似Twitter的投票组件。

安装

Npm

npm i vue-poll

Yarn

yarn add vue-poll

浏览器

<script src="https://unpkg.com/vue-poll/dist/vue-poll.min.js"></script>

使用

<template>
    <div>
        <vue-poll v-bind="options" @addvote="addVote"/>
    </div>
</template>

<script> 

    import VuePoll from 'vue-poll'

    export default {        
        data() {
            return {
                options: {
                    question: 'What\'s your favourite <strong>JS</strong> framework?',
                    answers: [
                        { value: 1, text: 'Vue', votes: 53 },
                        { value: 2, text: 'React', votes: 35 },
                        { value: 3, text: 'Angular', votes: 30 },
                        { value: 4, text: 'Other', votes: 10 } 
                    ]
                }
            }
        },
        components: {
            VuePoll
        },
        methods: {
            addVote(obj){
                console.log('You voted ' + obj.value + '!');
            }
        }
    }
</script>

示例

作者

Prokopis Pietris

相关项目