沙田做网站,个人网站设计与制作源代码,网站广告投放价格表,域名过期的网站怎么看菜鸟一直在纠结这个写不写#xff0c;因为不难#xff0c;但是菜鸟老是容易忘记#xff0c;虽然想想或者搜搜就可以马上写出来#xff0c;但是感觉每次那样就太麻烦了#xff0c;不如一股做气写了算了#xff0c;后面遇见别的就再来补充#xff01; 文章目录 table 表格…菜鸟一直在纠结这个写不写因为不难但是菜鸟老是容易忘记虽然想想或者搜搜就可以马上写出来但是感觉每次那样就太麻烦了不如一股做气写了算了后面遇见别的就再来补充 文章目录 table 表格自定义内容select 显示的是valueupload 使用 table 表格自定义内容
el-table-column label操作 width230template #defaultscopeel-button typeprimary sizesmall详情/el-buttonel-popconfirm :title$t(deleteprompt) confirmdeleteEvent(scope.row)template #referenceel-button typedanger sizesmall删除/el-button/template/el-popconfirmel-button typeprimary sizesmall :disabledscope.row.status 0分享/el-button/template
/el-table-columnselect 显示的是value
之所以显示为 value 就是因为你 v-model 所给的值和 el-option 的 value 不一致最常见的就是 0 和 ’0‘ 了
upload 使用
el-upload classupload-demo refupload action# :auto-uploadfalse :limit1 :on-changeonFun :on-exceedhandleExceed :on-removeremoveFuntemplate #triggerel-button typeprimary选择文件/el-button/templateel-button classuploadtext typesuccess :disableduploaddisable clicksubmitUpload 上传 /el-buttonspan classtip clickdownloadFile(模板, downloadUrlArr[formdata.formType]) 下载模板 /spantemplate #tipdiv classel-upload__tip text-red* 只能上传excel文件/div/template
/el-upload// 上传是否可用
let uploaddisable ref(true);
// 获取el-upload元素方便后面清空
const upload ref();
// 提交使用
let fd null;
// 上传事件
function onFun(file) {if (file.name.indexOf(.xls) 0 || file.name.indexOf(.xlsx) 0 || file.name.indexOf(.xlsm) 0) {fd new FormData();fd.append(file, file.raw); //传文件uploaddisable.value false;} else {upload.value.clearFiles();// eslint-disable-next-lineElMessage({message: 请选择excel文件,type: error,});}
}
// 删除文件事件
function removeFun() {upload.value.clearFiles();uploaddisable.value true;
}
// 提交第二个文件事件
const handleExceed (files) {// console.log(files);upload.value.clearFiles();const file files[0];upload.value.handleStart(file);
};
// 提交事件 -》 这部分按逻辑自行更改
let sampleGroups ref([]);
let envFactors ref([]);
let objkeyArr ref([]);
const submitUpload () {uploadFile({formId: id,},fd).then((res) {if (res.code 200) {// 解析后结果保存用于提交表单不能直接使用 sampleGroups 会让数据不是响应式sampleGroups.value res.data.sampleGroups; // 样品分组表envFactors.value res.data.envFactors; // 环境因子表showresult.value true;for (let i in envFactors.value[0]) {if (i ! sampleAnalysisName) {objkeyArr.value.push(i);}}} else {// eslint-disable-next-lineElMessage({message: res.message,type: error,});}}).catch((err) {console.log(err);});
};
