vue编写前端内容

最新推荐文章于 2025-04-04 23:39:01 发布

ctrl_z_x_c

最新推荐文章于 2025-04-04 23:39:01 发布

阅读量283

点赞数

本文链接：https://blog.youkuaiyun.com/ctrl_z_x_c/article/details/109001284

版权

先添加事件处理，v-on:，简写为@

<button @click="check">Say </button>

然后添加对应函数

methods:{
            check:function (){
                this.num++
                alert(this.num)

            }

注：在我添加的部分标签不能添加@效果

部分返回数据在不同数组中，可以直接在prop中通过这种方式调用里层数据

<el-table-column prop="qwe[0].itx" label="qq">
        </el-table-column>

返回数据为，列表里的字典，

   qwe:[{"IOPSRead": 0, "IntranetBandwidth": 480, "IOPSWrite": 5, "InstanceId": "i-bp15m0y26ihswpa3boa1", "itx": 12768, "CPU": 0, "BPSRead": 0, "IntranetRX": 16536, "TimeStamp": "2020-09-20T08:01:00Z", "InternetBandwidth": 0, "InternetTX": 0, "InternetRX": 0, "BPSWrite": 427008},]
      };

如果没有列表则直接为prop="qwe.itx"即可