vue-cli3.x以上版本中使用v-show or v-if无法做到实时更新

最新推荐文章于 2024-08-26 15:50:40 发布

没有梦想的话大概就是一条咸鱼了吧

最新推荐文章于 2024-08-26 15:50:40 发布

阅读量1.6k

点赞数

文章标签： vue javascript

本文链接：https://blog.csdn.net/qq_37021104/article/details/105427923

版权

在Vue CLI3.x及更高版本中遇到v-show和v-if无法实时更新元素显示的问题。文章指出由于JavaScript限制，Vue有时无法检测到数组值的变化。解决方案是使用$set(Object, key, value)方法来更新对象属性，适用于Vue 3.x。此外，还介绍了如何通过row-class-name回调方法获取行索引，以便在表格编辑功能中添加数据。" 24115055,1266221,深入理解STL swap函数,"['C++', 'STL', '内存管理', '函数特化', '模板编程']

摘要由CSDN通过智能技术生成

当我有个element表格，想要做到点击编辑并保存时，我会想到这么做

<el-table
 :data="userInformation"
 :row-class-name="changeClassName">
      <el-table-column
         min-width="50"
         label="用户名"
         prop="username"
         align="center"
         sortable>
        <template slot-scope="scope">
          <span v-if="!scope.row.isShow"><el-tag type="success">{
  {scope.row.username}}</el-tag></span>
          <el-input v-model="scope.row.username" v-if="scope.row.isShow"></el-input>
        </template>
      </el-table-column>

      <el-table-column label="操作" align="center">
        <template v-slot="scope">
          <el-button type="text"  @click="edit(scope.row)" v-i