如何多次调用v－bind：class中的class。

Question

在出现错误提示时，想通过对状态的判断来绑定class，从而出现提示语。但现在只能绑定一次使用。

new Vue({

el:'#content',
data:{
    items:[
        {prize:'一等奖',description:'奖瓶'},
        {prize:'一等奖',description:'奖瓶'},
        {prize:'一等奖',description:'奖瓶'},
    ],
   
    rotaryFull:false,//轮盘错误提示
    rotaryWarn:'',//轮盘错误提示内容
    alreadyShowRotary:false,//已经展示轮盘提示标志


},
methods:{
    remove:function (index) {
        //在此之前已经为3瓣
        //在disabled存在的情况下清空
            document.getElementById('rotary-tooltip').className = '';
            this.rotaryWarn='';
            this.rotaryFull = false;

            if(this.rotaryFull === false){
                var addContent = document.getElementById('addContent');
                if(addContent.getAttribute('disabled') != ''){
                    addContent.removeAttribute('disabled');
                }
                if(this.items.length == 3){
                    this.rotaryFull = true;
                    this.rotaryWarn = '轮盘瓣不能少于3瓣';
                }else{
                    this.rotaryFull = false;
                    this.items.splice(index,1);
                }
            }


    },

});

html：
<div id="rotary-tooltip" :class="{tooltip: rotaryFull}">{{rotaryWarn}}</div>

问题是：在首次判断轮盘瓣少于3瓣时第一次提示会出现，第二次就不会出现了。想只要点击轮盘瓣时在不符合条件下就会出现提示。
在此多谢各位大大了。