628

.babelrc

@@ -9,7 +9,13 @@
     }],
     "stage-2"
   ],
-  "plugins": ["transform-vue-jsx", "transform-runtime",
+  "plugins": ["transform-vue-jsx", "transform-runtime",[
+    "component",
+      {
+        "libraryName": "mint-ui",
+        "style": true
+      },
+    ],
     ["import", [{ "libraryName": "vant","libraryDirectory":"es","style": true }]]
   ]
 }

package-lock.json

@@ -672,6 +672,44 @@
         "babel-runtime": "^6.22.0"
       }
     },
+    "babel-plugin-component": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/babel-plugin-component/-/babel-plugin-component-1.1.1.tgz",
+      "integrity": "sha512-WUw887kJf2GH80Ng/ZMctKZ511iamHNqPhd9uKo14yzisvV7Wt1EckIrb8oq/uCz3B3PpAW7Xfl7AkTLDYT6ag==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-module-imports": "7.0.0-beta.35"
+      },
+      "dependencies": {
+        "@babel/helper-module-imports": {
+          "version": "7.0.0-beta.35",
+          "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.0.0-beta.35.tgz",
+          "integrity": "sha512-vaC1KyIZSuyWb3Lj277fX0pxivyHwuDU4xZsofqgYAbkDxNieMg2vuhzP5AgMweMY7fCQUMTi+BgPqTLjkxXFg==",
+          "dev": true,
+          "requires": {
+            "@babel/types": "7.0.0-beta.35",
+            "lodash": "^4.2.0"
+          }
+        },
+        "@babel/types": {
+          "version": "7.0.0-beta.35",
+          "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.0.0-beta.35.tgz",
+          "integrity": "sha512-y9XT11CozHDgjWcTdxmhSj13rJVXpa5ZXwjjOiTedjaM0ba5ItqdS02t31EhPl7HtOWxsZkYCCUNrSfrOisA6w==",
+          "dev": true,
+          "requires": {
+            "esutils": "^2.0.2",
+            "lodash": "^4.2.0",
+            "to-fast-properties": "^2.0.0"
+          }
+        },
+        "to-fast-properties": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/to-fast-properties/-/to-fast-properties-2.0.0.tgz",
+          "integrity": "sha1-3F5pjL0HkmW8c+A3doGk5Og/YW4=",
+          "dev": true
+        }
+      }
+    },
     "babel-plugin-import": {
       "version": "1.11.0",
       "resolved": "https://registry.npmjs.org/babel-plugin-import/-/babel-plugin-import-1.11.0.tgz",

package.json

@@ -32,6 +32,7 @@
     "babel-core": "^6.22.1",
     "babel-helper-vue-jsx-merge-props": "^2.0.3",
     "babel-loader": "^7.1.1",
+    "babel-plugin-component": "^1.1.1",
     "babel-plugin-import": "^1.11.0",
     "babel-plugin-syntax-jsx": "^6.18.0",
     "babel-plugin-transform-runtime": "^6.22.0",

src/components/address-picker/Address.vue

@@ -14,9 +14,8 @@
 </template>
 
 <script>
-// https://cdn.singsingenglish.com/addr.js
   import Address from './addr.js'
-
+import { Picker } from 'mint-ui'
   // let Address ={}
   console.log(Address)
   let type = 1
@@ -65,6 +64,10 @@
       showAddressPicker: Boolean,
       init: String,
       Address:Object
+    },
+    components: {
+    MyAddress,
+    [Picker.name]: Picker,
   },
     created() {
         if (this.init) {
@@ -160,6 +163,7 @@
         vm.addressValue = vm.slots[0].values[vm.slots[0].defaultIndex] +
           "-" + vm.slots[2].values[vm.slots[2].defaultIndex] +
           "-" + vm.slots[4].values[vm.slots[4].defaultIndex]
+          console.log(this.slots)
       },
       onValuesChange(picker, values) {
         let vm = this

src/components/mine/addressEdit.vue

@@ -43,17 +43,19 @@
 
 <script>
 import MyAddress from "@/components/address-picker/Address.vue";
+// import { Field,Cell } from 'mint-ui'
 import {
   saveActivityAddressApi,
   getActivityAddressApi,
   editActivityAddressApi
 } from "../../service/api";
-import { Cell, Toast } from "vant";
+import { Toast } from "vant";
 export default {
   name: "addressEdit",
   components: {
     MyAddress,
-    [Cell.name]: Cell
+    // [Cell.name]: Cell,
+    // [Field.name]: Field
   },
   data() {
     return {