Vue+Element 踩坑记录

Posted jane-panyiyun

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vue+Element 踩坑记录相关的知识,希望对你有一定的参考价值。

Vue+Element 踩坑

 

1. 获取后台返回的数据,是个数组,循环后展示出来

        <el-table-column :label="$t(‘common.cardModel.guz‘)" sortable="custom" prop="assetNo">
          <template slot-scope="scope">
            <div v-for="(item,index) in scope.row.cEqpFinx" :key="index">
            {{item.assetNo}}
            </div>
           </template>
        </el-table-column>

 

2. @click.once 只允许点击一次,然后让按钮隐藏

技术图片

 

 

在data申明

技术图片

 

 在方法里面加入isShow

技术图片

 

以上是关于Vue+Element 踩坑记录的主要内容,如果未能解决你的问题,请参考以下文章

vue+element ui el-table 完成动态添加表格&&动态合并/踩坑记录

vue+ts+electron踩坑记录

vue踩坑记录:[Vue warn]: $attrs is readonly.

vue + element-ui 制作tab切换(切换vue组件,踩坑总结)

vue + element-ui 制作tab切换(切换vue组件,踩坑总结)

Vue 3.0 + Element Plus 踩坑