<template slot-scope="props">
<el-button
size="mini"
@click="submitmevaluate(props.row)">评论
</el-button>
<!--填写评论对话框-->
<el-dialog title="报修评论" :visible.sync="dialogFormVisible">
<el-form :label-position="labelPosition"
label-width="130px">
<el-form-item label="请简述损坏情况:">
<el-input
type="textarea"
:autosize="{ minRows: 2, maxRows: 4}"
placeholder="注:不宜超过50字"
v-model="props.row.mevaluate">
</el-input>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button @click="dialogFormVisible = false">取 消</el-button>
<el-button type="primary" @click="submitForm(props.row)">确 定</el-button>
</div>
</el-dialog>
</template>
你第二个button 的row值 被input修改了呗
应该不会叭,我这是el-table里的一行。我第一个button获取的props.row.mid的值跟第二个按钮的不一样。跟input有关系嘛
submitmevaluate(row) {
if (row.mstate === '未报修') {
this.dialogFormVisible = false
console.log(row.mid)
this.$message.error("未报修,无法评价");
} else if (row.mstate === '已报修') {
console.log(row.mid)
this.dialogFormVisible = true
}
},
//验证并提交
submitForm(row) {
console.log(row.mid, row.mevaluate, row.mname)
if (row.mevaluate.length > 50) {
this.$message.error("评价过长");
} else {
this.$store
.dispatch('getmaintianmevaluate', row)
.then(response => {
let code = response.data.code;
if (code === 200) {
this.$message.success(response.data.msg);
this.dialogFormVisible = false
} else if (code === 400) {
this.$message.error(response.data.msg);
this.dialogFormVisible = false
}
})
.catch(() => {
//this.loading = false;
});
}
这是两个button的代码,我就是想让那两个获取的mid一样,但不知道怎么改。。。