// 改价 if (type === 22 || type === '22') { this.$prompt(row.goodName, '请输入单价', { confirmButtonText: '确定', cancelButtonText: '取消' }).then(({ value }) => { this.listLoading = true console.log(this.good) this.good.goodId = row.goodId this.good.sku = row.sku this.good.uintPirce = value * 1 this.good.priceSource = 1 updateGood(this.good).then(response => { // this.list = response.data this.listLoading = false this.$message({ message: '更新成功。', type: 'success' }) this.listLoading = false this.list = [] this.good.goodName = '' this.good.uintPirce = null this.fetchData() }) }).catch(() => { }) return }解释以上代码每一行内容
这段代码是一个点击事件处理函数,根据传入的type
参数执行不同的操作。现在我将逐行解释代码的含义和作用:
console.log(type)
: 打印出type
的值,用于调试目的。if (type === 3 || type === '3')
: 判断type
的值是否等于3或者字符串'3'。this.$confirm('删除商品确认', '提示', {})
: 调用弹窗组件confirm
,显示一个确认删除商品的提示框。.then(e => { ... })
: 如果用户点击确认按钮,则执行回调函数。this.listLoading = true
: 将listLoading
属性设置为true
,用于显示加载状态。console.log(this.good)
: 打印出good
对象的值,用于调试目的。this.good.goodId = row.goodId
: 将good
对象的goodId
属性设置为row.goodId
的值。deleteGood(this.good)
: 调用一个名为deleteGood
的函数,将good
对象作为参数传递给它。这个函数可能是删除商品的后端接口。this.listLoading = false
: 将listLoading
属性设置为false
,用于隐藏加载状态。this.list = []
: 将list
数组清空。this.fetchData()
: 调用一个名为fetchData
的函数,用于重新获取数据。.catch(err => {})
: 如果用户点击取消按钮或者出现错误,则执行回调函数。this.$prompt(row.goodName, '请输入单价', { ... })
: 调用弹窗组件prompt
,显示一个输入单价的提示框。.then(({ value }) => { ... })
: 如果用户点击确认按钮并成功输入单价,则执行回调函数,并将输入的单价作为参数传递给它。this.listLoading = true
: 将listLoading
属性设置为true
,用于显示加载状态。console.log(this.good)
: 打印出good
对象的值,用于调试目的。this.good.goodId = row.goodId
: 将good
对象的goodId
属性设置为row.goodId
的值。this.good.sku = row.sku
: 将good
对象的sku
属性设置为row.sku
的值。this.good.uintPirce = value * 1
: 将good
对象的uintPirce
属性设置为输入的单价乘以1的值。this.good.priceSource = 1
: 将good
对象的priceSource
属性设置为1。updateGood(this.good)
: 调用一个名为updateGood
的函数,将good
对象作为参数传递给它。这个函数可能是更新商品信息的后端接口。.then(response => { ... })
: 如果更新商品信息成功,则执行回调函数,并将返回的响应作为参数传递给它。this.listLoading = false
: 将listLoading
属性设置为false
,用于隐藏加载状态。this.$message({ ... })
: 调用消息提示组件message
,显示一个更新成功的提示消息。this.listLoading = false
: 将listLoading
属性设置为false
,用于隐藏加载状态。this.list = []
: 将list
数组清空。this.good.goodName = ''
: 将good
对象的goodName
属性设置为空字符串。this.good.uintPirce = null
: 将good
对象的uintPirce
属性设置为null。this.fetchData()
: 调用一个名为fetchData
的函数,用于重新获取数据。.catch(() => {})
: 如果用户点击取消按钮或者出现错误,则执行回调函数。
相关推荐








