废话不多说,直接上代码
效果图如下
点击右上角按钮,即可切换4宫格,9宫格,16宫格
html部分
<!-- 切换按钮 -->
<div class="center">
<div id="video">
<label class="label1">
<input type="radio" class="one" value=4 v-model="isActive"/>
<div class="option1"></div>
</label>
<label class="label2">
<input type="radio" class="four" value=9 v-model="isActive"/>
<div class="option2"></div>
</label>
<label class="label3">
<input type="radio" class="nine" value=16 v-model="isActive"/>
<div class="option3"></div>
</label>
<h1>{
{
isActive}}</h1>
<!--图片切换-->