問題を記録します。element-table を使用すると、複数のデータをレンダリングするときに入力ボックスが 1 つだけ表示され、他のデータは入力ボックスの入力値に基づいてレンダリングされます。

        問題を記録し、要件に遭遇します。element-table を使用すると、複数のデータをレンダリングするときに入力ボックスが 1 つだけ表示され、他のデータは入力ボックスの入力値に基づいてレンダリングされます。

        達成すべきスタイル:

        この問題は要素テーブル インデックスを使用して解決できます。ここでは入力ボックスの無効化を追加するだけです。他のスタイルが必要な場合は、v-if を追加して他の DOM をレンダリングできます。

<el-table-column 
  width="160" 
  align="center" 
  label="其他" 
  type="index" // 设置 type = index 属性,设置后默认宽度为50,需要自己加宽度
>    <template slot-scope="scope">
        <el-input type="text"
        v-model="agentCapitalPriceRequestVO.agentPrice"
        :disabled="!(scope.$index == 0)" // 禁用方式,借用 index 来禁用想要金庸的条件,但是需要加 $ 符号,如果想要禁用多个,可以自己设置禁用条件,这里只设置一个
        />
    </template>
</el-table-column>

おすすめ

転載: blog.csdn.net/z_langjitianya/article/details/131223335