.

src/pages/signup.vue

@@ -25,35 +25,35 @@
         <label>手&nbsp;机&nbsp;号</label>
         <input class="phone" type="text" placeholder="请输入手机号" v-model="formData.phone" />
       </div>
-      <div class="formItem intendedProductdiv" >
+      <div class="formItem intendedProductdiv" @click="showPicker = true">
         <label>意向产品</label>        
         <input
           class="intendedProduct"
           type="text"
           placeholder="请选择"
+          disabled
           v-model="formData.intendedProduct"
-          @click="showPicker = true"
         />
-        <van-popup
-          v-model="showPicker"
-          position="bottom"
-        >
-          <van-picker
-            title="意向产品"
-            show-toolbar
-            :columns="productList"
-            @confirm="onConfirm"
-            @cancel="onCancel"
-          />
-        </van-popup>
       </div>
 
       <div class="formItem addressdiv" @click="showArea = true">
         <label>所在地区</label>
-        <input class="address" type="text" placeholder="请选择" v-model="address" />
+        <input class="address" type="text" placeholder="请选择" v-model="address" disabled />
       </div>
       <img @click="sumbit" class="submit" src="../../public/images/signup/submit.png" width="45%" />
     </div>
+    <van-popup
+      v-model="showPicker"
+      position="bottom"
+    >
+      <van-picker
+        title="意向产品"
+        show-toolbar
+        :columns="productList"
+        @confirm="onConfirm"
+        @cancel="onCancel"
+      />
+    </van-popup>
     <area-picker :show.sync="showArea" @change="handleArea" @cancel='showArea=false'></area-picker>
   </div>
 </template>