先收藏，等你写完

@ranxfan 感谢，语法上看应该可行

easter egg 没找到，但是发现了 'a easter egg' 这个 'a' 用的不对。

elementui --- table 搜索和排序都有例子

数据结构一致的话就可以抽取成组件啊

@InternetExplorer 怎么给你充会员.....

btw，我始终搞不清楚我在项目里为什么折后价不能输入小数点.....

@Eyon 留个视频账号吧，我给你充会员。

@InternetExplorer 稍等我放到项目里测试一下，如果可以的话就给你充会员哈。。。我试试

@Kmmoonlight 方法行不通，因为每个商品有一个默认的折扣，比如 1，在填入商品的时候，会自动将这个 1 填进折扣列，因此这里就不存在 blur 事件了。

我要的是，我要的是，默认填入 1 之后，得到商品的折后价(商品价*1)，但此时修改折后价，能够动态计算出商品的折扣率。

@KouShuiYu 我感觉不行，你要不试试。

为了方便大家测试，我把 vue 文件放出来，免得你又去写。

`
<template>
<div id="app">
<el-table :data="tableData">
<el-table-column label="原价">
<template slot-scope="scope">
<el-input v-model="scope.row.price"></el-input>
</template>
</el-table-column>
<el-table-column label="折扣率">
<template slot-scope="scope">
<el-input v-model="scope.row.discountRate"></el-input>
</template>
</el-table-column>
<el-table-column label="折后价">
<template slot-scope="scope">
<el-input v-model="scope.row.discountPrice"></el-input>
</template>
</el-table-column>
</el-table>
</div>
</template>

<script>
export default {
data() {
return {
tableData:[{},{},{},{}]
}
},
};
</script>

`

@TMaize

借自己楼再问一下：

如果有若干行相同的 input （当然值不同），计算属性就不能用了(原则上计算属性不能传参)，还有什么思路呢？