日本免费高清视频-国产福利视频导航-黄色在线播放国产-天天操天天操天天操天天操|www.shdianci.com

學無先后,達者為師

網站首頁 編程語言 正文

table列表中輸入框input與文本span切換的實現

作者:頑強的小豆子 更新時間: 2022-07-10 編程語言
將從后臺返回的列表數據中,逐個元素添加flag,用于標記,用來控制input和span的顯示與隱藏
result.data.items.forEach((element) => {
          element.flag = true;
        });

<template slot-scope="{ row, $index }">
          <div v-show="row.flag">
            <span>{{ row.roleName }}</span>
          </div>
          <div v-show="!row.flag">
            <input type="text" v-model="role.roleName" size="mini" />
            <el-button type="warning" size="mini" @click="cancelEditRole(row)"
              >取消</el-button
            >
            <el-button type="primary" @click="saveEditRoleName(row)" size="mini"
              >確定</el-button
            >
          </div>
        </template>

原文鏈接:https://blog.csdn.net/qiuyushuofeng/article/details/124542264

欄目分類
最近更新