单击vue.js 2时如何添加星标?

时间:2017-02-28 15:53:42

标签: javascript vue.js vuejs2 vue-component

我的观点是这样的:

$_FILES['image']['name']

我的组件星级评分如下:

<div class="col-md-8">
    ...
    <star-rating :value="3"></star-rating>
    ...
</div>

当系统执行时,我想要显示星号= 3,当点击星号时,它会显示星号

使用vue.js时,我仍感到困惑

我该怎么做?

1 个答案:

答案 0 :(得分:0)

一种方法是将star变量添加到数据中,默认值为3,然后在表单输入绑定的vue.js docs中按照此示例操作。

会是这样的:

new Vue({
  el:"#app",
  data:{
  },
  methods:{
    doSomethingOnHidden(){
      //do something
    }
  },
  mounted(){
    $(this.$refs.vuemodal).on("hidden.bs.modal", this.doSomethingOnHidden)
  }
})

最后,您需要将明星发送到您的后端:

<input v-for="item in items" type="radio" v-model="star" v-bind:value="item.value">
<span>Picked: {{ star }}</span> //for testing that the var changes.