jquery - jquery barrating 在我需要多颗星期间不起作用

Question

“这是我的代码，我需要循环中的多个 barrating 由 VueJS 正常运行，但未显示评级，我正在从其他文件调用 barrating，如下所示：”

$( '#example-fontawesome' ).barrating({
   theme: 'fontawesome-stars',
   showSelectedRating: false,
   onSelect: function(){
       ratingviewmodel.ratingSubmit();
   }
});

$( '.examplefontawesome' ).barrating({
    theme: 'fontawesome-stars',
    showSelectedRating: false
});

“这里 id example-fontawesome 正在工作，但循环类 examplefontawesome 不工作”

<li class="comment thread-even depth-1" v-for="rt in ratingData"> <div class="comment-author vcard"> <b class="fn">{{ rt.display_name }}</b> <div class="stars stars-example-fontawesome"> <select class="examplefontawesome" name="rating{{ $index }}"> <option value=""></option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> </select> </div> <div class="br-current-rating"></div> <div class="ctime">{{ rt.rating }}</div> </div> </li>

输出：

Answer 1

您可以使用 barrating 作为 vue.js 的指令。只需在指令中调用 bind 方法下的 barrating 实例，并使用指令更新方法设置值。和指令调用一样

<select class="examplefontawesome" v-barrating name="rating{{ $index }}">

其中 v-barrating 是一个指令。