title: v-show based on select option data attribute value
body: <p>Used HTML and VueJS to show div if value =&quot;two&quot;. it works fine.</p>
  <p>Now, we need to v-show div elements based on data attribute - data-is-valid. If data-is-valid=true, show div element.</p>
  <p>Tried with different method as of i know. I can able to get this functionality only with select option. Not with data attribute.</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>const app = new Vue({
    el: '#test',
    data: {
      selectedOption: ''
    },
    methods: {
    },
  });</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div id="test"&gt;
      &lt;div class="form-group"&gt;
          &lt;label for="topic"&gt;Topic&lt;/label&gt;
          &lt;div class="custom-chosen-wrapper" :class="{'text-error': errors.has('nyp-contact-topic')}"&gt;
              &lt;select class="select-topic" v-validate="'required'" v-model="selectedOption" v-on:change="onChangeSelectedTopic"&gt;
                  &lt;option value=""&gt;Select&lt;/option&gt;
                  &lt;option value="One" data-is-valid="false"&gt;One&lt;/option&gt;
                  &lt;option value="Two" data-is-valid="true"&gt;Two&lt;/option&gt;
              &lt;/select&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="form-group" v-show="selectedOption == 'true'" v-cloak="v-cloak"&gt;
          &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit.&lt;/p&gt;
          &lt;div class="custom-chosen-wrapper"&gt;
              &lt;select class="chosen-select select-picker select-picker-link" name="personal-salutation" v-validate="selectedOption === 'true' ? 'required' : ''" tabindex="-98"&gt;
                  &lt;option value="" disabled="disabled" selected="selected"&gt;Select salutation&lt;/option&gt;
                  &lt;option value="Mr"&gt;Mr&lt;/option&gt;
                  &lt;option value="Mrs"&gt;Mrs&lt;/option&gt;
                  &lt;option value="Doctor"&gt;Doctor&lt;/option&gt;
                  &lt;option value="Madam"&gt;Madam&lt;/option&gt;
              &lt;/select&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>