title: Vue.js how to delete component v-for values
body: <p>I am learning Vue, so I created radio button component, but I am struggling with how can one delete these values. My current solution deletes actual values, but selection is still displayed.</p>
  
  <p>This is the component</p>
  
  <pre><code>&lt;template id="fradio"&gt;
  &lt;div&gt;
  
  &lt;div class="field is-horizontal"&gt;
    &lt;div class="field-label" v-bind:class = "{ 'required' : required }"&gt;
      &lt;label
          class = "label"
          &gt;{{label}}
      &lt;/label&gt;
    &lt;/div&gt;
    &lt;div class="field-body"&gt;
  
    &lt;div&gt;
      &lt;div class="field is-narrow"&gt;
        &lt;p class="control" v-for="val in values"&gt;
          &lt;label class = "radio"&gt;
            &lt;input 
              type="radio"            
              v-bind:name = "name"
              v-bind:id = "name"
              @click = "updateValue(val)"
            &gt;
            &lt;span&gt;{{val[valueLabel]}}&lt;/span&gt;
            &lt;span v-if="!valueLabel"&gt;{{val}}&lt;/span&gt;
          &lt;/label&gt;
          &lt;label class="radio"&gt;
            &lt;button class="delete is-small" @click="removeValue"&gt;&lt;/button&gt;
          &lt;/label&gt;  
  
          &lt;slot&gt;&lt;/slot&gt;
        &lt;/p&gt;      
      &lt;/div&gt;
     &lt;/div&gt;
  
  
  &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
      export default {
          props: {
  
              label: {
                type: String,
                required: true,
              },
  
              inputclass: {
                  type: String,
              },
              required: {
                  type: Boolean,
                  default: false,
              },
              valueLabel:{
                  type: String,
              },
              returnValue:{
                  type: String,
  
              },
              values:{},
              name:'',
          },
          data() {
              return {
  
              };
          },
  
  
  methods: {
  
      updateValue: function (value) {
          var selectedValue;
          (!this.returnValue) ? selectedValue = value : selectedValue = value[this.returnValue];
  
        this.$emit('input', selectedValue)    
      },
  
    removeValue: function() {
      this.$emit('input',null);
    },
  
  },
  
  }
  
  &lt;/script&gt;
  </code></pre>
  
  <p>It should be easy, but I need someone to point out the obvious...</p>