{"id":147,"date":"2021-01-21T21:49:35","date_gmt":"2021-01-21T13:49:35","guid":{"rendered":"http:\/\/gjweb.top\/?p=147"},"modified":"2021-06-18T09:28:33","modified_gmt":"2021-06-18T01:28:33","slug":"%e6%96%87%e4%bb%b6%e4%b8%8a%e4%bc%a0%e7%bb%84%e4%bb%b6","status":"publish","type":"post","link":"https:\/\/gjweb.top\/?p=147","title":{"rendered":"\u6587\u4ef6\u4e0a\u4f20\u7ec4\u4ef6"},"content":{"rendered":"\n

\u5355\u4e2a\u6587\u4ef6\u4e0a\u4f20<\/h2>\n\n\n\n

\u5355\u4e2a\u6587\u4ef6\u4e0a\u4f20\u76f4\u63a5\u53c2\u7167\u5b98\u65b9\u6587\u6863\u8fdb\u884c,\u4f46\u8981\u5220\u9664\u591a\u4f59\u7684\u5c5e\u6027\u548c\u4e8b\u4ef6<\/p>\n\n\n\n

<template>\n    <div>\n        <el-upload\n          action=\"\u63a5\u53e3\u5730\u5740\"\n          :on-success=\"success\"\n          :on-error=\"error\"\n          name=\"fileName\"\n          >\n          <el-button size=\"small\" type=\"primary\">\u70b9\u51fb\u4e0a\u4f20<\/el-button>\n          <div slot=\"tip\" class=\"el-upload__tip\">\u53ea\u80fd\u4e0a\u4f20jpg\/png\u6587\u4ef6\uff0c\u4e14\u4e0d\u8d85\u8fc7500kb<\/div>\n        <\/el-upload>\n    <\/div>\n<\/template>\n<script>\n    export default {\n        methods:{\n            success(response,file,fileList){\n                \/\/\u6210\u529f\u7684\u56de\u8c03\n            },\n            error(err,file,fileList){\n                \/\/\u5931\u8d25\u7684\u56de\u8c03\n            }\n        }\n    }\n<\/script><\/code><\/pre>\n\n\n\n
\u6587\u4ef6+\u8868\u5355\u4e0a\u4f20<\/h2>\n\n\n\n
\u6587\u4ef6+\u8868\u5355\u4e0a\u4f20\u76f4\u63a5\u5728\u4e0a\u4f20\u6807\u7b7e\u4e2d\u6dfb\u52a0data\u5c5e\u6027<\/p>\n\n\n\n
<template>\n    <div>\n        <el-upload\n          action=\"\u63a5\u53e3\u5730\u5740\"\n          :on-success=\"success\"\n          :on-error=\"error\"\n          name=\"fileName\"\n          :data=\"form\"\n          >\n          <el-button size=\"small\" type=\"primary\">\u70b9\u51fb\u4e0a\u4f20<\/el-button>\n          <div slot=\"tip\" class=\"el-upload__tip\">\u53ea\u80fd\u4e0a\u4f20jpg\/png\u6587\u4ef6\uff0c\u4e14\u4e0d\u8d85\u8fc7500kb<\/div>\n        <\/el-upload>\n    <\/div>\n<\/template>\n<script>\n    export default {\n        data(){\n          return {\n              form:{\n                  name:\"lilei\",\n                  age:'18'\n              }\n          }  \n        },\n        methods:{\n            success(response,file,fileList){\n                \/\/\u6210\u529f\u7684\u56de\u8c03\n            },\n            error(err,file,fileList){\n                \/\/\u5931\u8d25\u7684\u56de\u8c03\n            }\n        }\n    }\n<\/script><\/code><\/pre>\n\n\n\n
\u624b\u52a8\u4e0a\u4f20<\/h2>\n\n\n\n
\u624b\u52a8\u4e0a\u4f20\u9700\u8981\u5c06auto-upload<\/strong>\u4e3afalse<\/strong><\/p>\n\n\n\n
<template>\n    <div>\n        <el-upload\n          ref=\"upload\"\n          :on-success=\"success\"\n          :on-error=\"error\"\n          action=\"\u63a5\u53e3\u5730\u5740\"\n          :auto-upload=\"false\">\n          <el-button slot=\"trigger\" size=\"small\" type=\"primary\">\u9009\u53d6\u6587\u4ef6<\/el-button>\n          <el-button style=\"margin-left: 10px;\" size=\"small\" type=\"success\" @click=\"submitUpload\">\u4e0a\u4f20\u5230\u670d\u52a1\u5668          <\/el-button>\n          <div slot=\"tip\" class=\"el-upload__tip\">\u53ea\u80fd\u4e0a\u4f20jpg\/png\u6587\u4ef6\uff0c\u4e14\u4e0d\u8d85\u8fc7500kb<\/div>\n        <\/el-upload>\n    <\/div>\n<\/template>\n<script>\n    export default {\n        data(){\n            return{\n\n            }\n        },\n        methods:{\n            submitUpload(){\n                this.$refs.upload.submit();\n            },\n            success(response,file,fileList){\n                \/\/\u6210\u529f\u7684\u56de\u8c03\n            },\n            error(err,file,fileList){\n                \/\/\u5931\u8d25\u7684\u56de\u8c03\n            }\n        }\n    }\n<\/script><\/code><\/pre>\n\n\n\n
\u591a\u6587\u4ef6(\u4e00\u6b21\u6027)\u4e0a\u4f20<\/h2>\n\n\n\n
\u5728elementUI\u4e2d,\u624b\u52a8\u4e0a\u4f20\u793a\u4f8b\u53ef\u4ee5\u5b9e\u73b0\u591a\u6587\u4ef6\u4e0a\u4f20,\u4f46\u662f\u5176\u4e0a\u4f20\u6a21\u5f0f\u662f\u9010\u4e2a\u6587\u4ef6\u4e0a\u4f20.<\/p>\n\n\n\n
\u4f8b\u5982: \u540c\u65f6\u4e0a\u4f20\u4e09\u4e2a\u6587\u4ef6,\u6b64\u65f6\u7684\u63a5\u53e3\u5c06\u88ab\u5faa\u73af\u4e0a\u4f20\u4e09\u6b21.<\/p>\n\n\n\n
\u89e3\u51b3\u65b9\u6cd5: \u5229\u7528\u624b\u52a8\u4e0a\u4f20\u7684:auto-upload=”false”<\/strong> \u548c :http-request=”uploadFile”<\/strong>,\u5148\u963b\u6b62\u9ed8\u8ba4\u4e0a\u4f20,\u7136\u540e\u5c06\u83b7\u53d6\u6587\u4ef6\u53ca\u8868\u5355\u6570\u636e,\u5168\u90e8\u653e\u5728\u4e00\u4e2anew FormData();\u7136\u540e\u5229\u7528axios\u8bf7\u6c42\u5411\u540e\u7aef\u53d1\u9001form\u8868\u5355\u683c\u5f0f\u8bf7\u6c42,\u83b7\u53d6\u56de\u8c03\u7ed3\u679c.<\/p>\n\n\n\n
<template>\n  <el-upload\n          class=\"upload-demo\"\n          ref=\"uploaIitems\"\n          action=\"\"\n          :http-request=\"uploadHomeItems\"\n          :auto-upload=\"false\">\n          <el-button slot=\"trigger\" size=\"small\" type=\"primary\">\u9009\u53d6\u6587\u4ef6<\/el-button>\n        <\/el-upload>\n   <el-button  size=\"small\" type=\"primary\" @click=\"submitUpload\">\u4e0a\u4f20\u6587\u4ef6<\/el-button>\n<\/template>\n\n<script>\nexport default {\n  data:{\n    return{\n      datas:new FormData(),\n    }\n  },\n  methods:{\n    uploadHomeItems(file){\n      this.datas.append('details_image[]', file.file);\n    },\n    submitUpload(){\n      this.$refs.uploaIitems.submit()\n      this.$axios({\n        url:'',\n        method:'post',\n        data:this.datas\n       }).then((response)=>{})\n    }\n  }\n}\n<\/script>\n<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"
\u5355\u4e2a\u6587\u4ef6\u4e0a\u4f20 \u5355\u4e2a\u6587\u4ef6\u4e0a\u4f20\u76f4\u63a5\u53c2\u7167\u5b98\u65b9\u6587\u6863\u8fdb\u884c,\u4f46\u8981\u5220\u9664\u591a\u4f59\u7684\u5c5e\u6027\u548c\u4e8b\u4ef6 \u6587\u4ef6+\u8868\u5355\u4e0a\u4f20 \u6587\u4ef6+\u8868\u5355\u4e0a\u4f20\u76f4\u63a5\u5728 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[15],"tags":[],"class_list":["post-147","post","type-post","status-publish","format-standard","hentry","category-elementui"],"_links":{"self":[{"href":"https:\/\/gjweb.top\/index.php?rest_route=\/wp\/v2\/posts\/147","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gjweb.top\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/gjweb.top\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/gjweb.top\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gjweb.top\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=147"}],"version-history":[{"count":0,"href":"https:\/\/gjweb.top\/index.php?rest_route=\/wp\/v2\/posts\/147\/revisions"}],"wp:attachment":[{"href":"https:\/\/gjweb.top\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=147"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/gjweb.top\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=147"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/gjweb.top\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=147"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}