“付费”提个 Vuejs+element-UI 的问题，一个月任意视频会员。

用 table 的 cell-click 事件就可以里

为了方便大家测试，我把 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>

`

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

监听 cell 里面 input 的 blur 事件就好了，在 blur 事件里面做计算

https://codesandbox.io/s/withered-glade-580et?file=/src/App.vue 这样么，瞎写的

vue 还是神奇哦，这样编辑原对象也能触发更新

图挂了？

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

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

防止你打不开

@Eyon 填入商品的 input 不是有 blur 事件么，初始化就用商品的 blur, 计算折扣率和折扣价就用各自的 blur 事件

IE 的答案和我写的一样，我就不贴了，不过我用的是 watch，直接 watch 三个属性直觉上可能会出先循环触发的 bug，不过 vue 给属性赋值与原值相等时好像不会触发 watch 事件，也能正常用。

@Vegetable #11 这种需求一般会有保留小数位数的需求，一般算出来结果不是完全精准的，所以还是有可能一直循环

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

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

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

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

d2FuZ2thbjExMTkK 可以加个微信，会员别冲到这里...