elementUi 表格双击编辑输入框赋值后不可编辑的坑

最新推荐文章于 2024-08-15 16:36:19 发布

itammie

最新推荐文章于 2024-08-15 16:36:19 发布

阅读量2.7k

点赞数

文章标签： vue

本文链接：https://blog.csdn.net/qq_43593142/article/details/106670888

版权

表格双击编辑

代码
html

<el-table
	id="table_1"
    :row-class-name="tableRowClassName_1"
    :data="tableData_1"
    :summary-method="getSummaries"
    show-summary
    highlight-current-row @cell-click="cellClick"
    style="width: 100%;">
	<!-- 部分代码省略 -->
	<el-table-column 
	    prop="score"
	    label='评分'
	    width="105"
	    align="center">
	    <template slot-scope="scope">
	        <el-input
	         v-model="scope.row.score"
	         @blur="removeClass"
	         @change="handleEdit($event, scope.$index, scope.row)"
	         @input="valueChange($event)">
	        </el-input>
	        <span>{
  {scope.row.score}}</span>
	    </template>
	</el-table-column>
<