問題を記録し、要件に遭遇します。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>