vue使用方法合集
1，改变没有diaplayde的图标颜色控制
1-1人工复检信息:
<i class="el-icon-edit-outline" :style="{color:iconColor}" @click="onChange(iconColor)" >
1-2
data() {
return {
iconColor:'',//人工复检图标颜色
},
1-3
//人工复检编辑标签颜色改变
onChange(iconColor){
if(this.iconColor===''){
// console,log(555555555555555555555555555,iconColor)
this.dialogVisible = false
}else{
this.dialogVisible = true
}
},
if(row.props.detect_goods_info != {}){//当香烟信息数据不为空时，让人工复检编辑图标颜色变蓝，调用人工复检信息拿到香烟厂商和零售价信息
this.iconColor ='#2289fb'
this.getRecheck()
}else{
}
2 下拉框，时间日期组件事件@change
3vue2表单
async click_ok() {
console.log("矩形事件",this.form_data.itemName)
if(this.form_data.itemName==="烟盒"){
this.$refs.form.validate((valid)=>{
console.log("valid",valid)
if(valid){
try{
let review_detail = {
itemName:this.form_data.itemName,
specifications:this.form_data.specifications,
global_col:this.form_data.global_col,
global_row:this.form_data.global_row,
local_col:this.form_data.local_col,
local_row:this.form_data.local_row,
price:this.form_data.price,
}
this.review_detail = review_detail
this.bus.emit("review_detail", this.review_detail)
this.dialogVisible = false
// this.getid(this.RectID)//弹窗关闭后画出来的矩形要删除
this.deleteCigaFeature(this.RectID)//弹窗关闭后画出来的矩形要删除
this.$nextTick(()=>{
this.$refs.form.resetFields();
})
}catch{
}
}
})
}else{
this.dialogVisible = false
}
},
其中review_detail可以打印，里面是表单输入数据
