は、私がVUEで動的テーブルを作成したい

Question

vue.js表の部分だけを表示します。 私は3列のボタンとテーブルを持っています。 私は私がボタンをクリックした場合にのみ、第一及び第二のcolumeが表示され、ほかにのみ第一および第三のをクリックすることを望みます。 だから私の質問は、より良いが何をしているものです：クリックで1 columeを隠すために A. B.toは、任意の詳細を知らずにクリック

Answer 1

によってvue.jsコードにカスタマイズされたテーブルを作成し、私が最も簡単でいいよ私にとっては2つのことをすることになります。値を切り替えるには、ボタンを使用します。 @click="showCol=!showCol"あなたがも<td>{{showCol?col2data:col3data}}</td>を行うことができますそして、私はいくつかの他の方法があまりにもあります確信しているが、私はそれらのいずれかを試してみた<td v-if="showCol">{{col2data}}</td><td v-else>{{col3data}}</td>の列の私がやると思います。第二の選択肢はないだろう前者は、データを交換するために、シャドウDOMを使用する必要がありますので、私は第二のバージョンはより速くすることができ、あなたはそれが問題でしょう十分な行を持っている場合は、その想像します。いつものように、テスト&対策、あなたがより良い何を知りたい場合。