Build a Vue.js 2 vue-poll Example to Build Voting or Survey Component in Browser Using TS

App.vue

<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>

<div>

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

</div>

</template>

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>

Build a Vue.js 2 vue-poll Example to Build Voting or Survey Component in Browser Using TS

Comments

Leave a Reply Cancel reply

Archives