vue表格渲染问题，如何单独对某个单元格使用v-show(语言-javascript)

Question

问题遇到的现象和发生背景

渲染表格的时候有个需求，让不存在FKey属性的单元格显示为输入框，存在FKey属性的单元格显示为下拉菜单，考虑到应该用到v-show指令，动态显示哪个输入框，通过循环判断，但是现在就是存在一个FKey属性了，所有的框都变成下拉菜单了，想要的效果应该是只有那一个显示为下拉菜单

问题相关代码，请勿粘贴截图

<vxe-column
        v-for="(item, index) in column"
        :key="XXX"
        :field="XXX"
        :title="XXX"
        :edit-render="{}"
      >
        <template #edit="{ row }">
          <vxe-input
            v-show="!show"
            :key="index"
            :placeholder="XXXt"
            :type="XXX"
            v-model="row[XXX]"
          ></vxe-input>
          <vxe-select
            v-show="show"
            v-model="XXX"
            @change="XXXt"
          >
            <vxe-option
              v-for="item in roleList"
              :key="XXX"
              :value="XXX"
              :label="XXX"
            ></vxe-option>
          </vxe-select>
        </template>
 </vxe-column>

...
data() {
    return {
       show: false,
       }
   }
...
for (let i = 0; i < this.column.length; i++) {
            if (this.column[i].FKey != "") {
              this.show = true;
            }
          }

运行结果及报错内容

我的解答思路和尝试过的方法

应该是每行被渲染的数据单独判断v-show绑定的属性，该如何解决

Answer 1

把你的show放到你的column的每一项里面
v-show="item.FKey"
如果你这个不是频繁切换的，建议用v-if