显示内容和隐藏v-show（以及图标的动态展示）

 

 

 

 

 

 页面。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。

   <h3 style="color: #2eabff;margin-top: 0.7%;margin-bottom: -0.3%;font-size: 14px">

              <a-icon id="icon" type="caret-down" @click="xian" />收货单子表明细

            </h3>

            <div v-show="bool" style="margin-top: 30px;">

              <j-editable-table-kt

                size="small"

                ref="table1"

                :loading="loading"

                :columns="columnn"

                :dataSource="dataSourcee"

                :maxHeight="300"

                :rowNumber="true"

              />

            </div>

。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。

return {

      angle: 0,

 bool: true,

 }

 

方法。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。

  xian() {

      this.angle += 180

      var ico = document.getElementById('icon')

      ico.style.transform = 'rotate(' + this.angle + 'deg)'

      this.bool = !this.bool

    },