.fail {
background-color: #fedede;
}
//.fail错误样式变红
<van-form @submit="onSubmit" class="Submit">
<div
class="p"
v-for="(items,index) in cellList"
:key="index"
:class="items.failisshow? 'fail' : '' "
>
<p>
<label>*</label>
<van-cell is-link :title="items.title" :value="items.failisshow?'重新上传':items.value" @click="sheetshow(index)" />
</p>
</div>
</div>
</van-form>
<van-action-sheet
v-model="show"
:actions="actions"
cancel-text="取消"
close-on-click-action
@cancel="onCancel"
@select="onSelect"
/>
data() {
return {
show: false,
actions: [
{ name: "上传文件" },
{ name: "拍照上传" },
{ name: "选择文件" }
],
cellList: [
{
type: 1,
title: "用地规划许可证",
value: "上传相关材料",
failisshow: false
},
{
type: 2,
title: "工程规划许可",
value: "上传相关材料",
failisshow: false
},
{
type: 3,
title: "施工许可",
value: "上传相关材料",
failisshow: false
},
{
type: 4,
title: "竣工许可",
value: "上传相关材料",
failisshow: false
},
{
type: 5,
title: "其他附件",
value: "上传相关材料",
failisshow: false
}
],
failIndex: -1
};
},
methods: {
sheetshow(index) {
this.failIndex = index;
this.show = !this.show;
},
onSelect(item) {
事件
this.show = false;
Toast(item.name);
setTimeout(() => {
this.cellList[this.failIndex].failisshow = true;
}, 1000);
if (item.name == "上传文件") {
} else if (item.name == "拍照上传") {
} else if (item.name == "选择文件") {
}
console.log(item);
},