iview框架的select碰到回显深坑，求解决方案！

具体代码和问题如下：

问题描述使用select控件，并使用该控件的远程搜索功能，当将该功能添加在新增model里面的时候，正常使用，当在详情model里面复用该控件的时候回显出现问题，回显的时候，只要有变动数据该控件就会显示空。但是再次变动该控件的内容的时候，显示值又出现了。

页面代码如下：

<template>
  <div class="spikeActivity">
    <Row>
      <Col span="24">
        <Card>
          <Breadcrumb>
            <BreadcrumbItem to="/">Index</BreadcrumbItem>
            <BreadcrumbItem>spikeActivity</BreadcrumbItem>
          </Breadcrumb>
        </Card>
      </Col>
    </Row>
    <Row style="margin-top: 10px">
      <Col span="2">&nbsp;</Col>
      <Col span="20">
        <Row>
          <Col span="24">
            <Card>
              项目名称：{
   {projectInfo.projectName}}
            </Card>
          </Col>
        </Row>
        <Row>
          <Col span="24">
            <Card>
              商品名称：{
   {productInfo.productName}}
            </Card>
          </Col>
        </Row>
        <Row>
          <Col span="24">
            <Card>
              <Row>
                <Col span="6">
                  <img style="width: 60%;height: 60%" :src="productInfo.productImg"/>
                </Col>
                <Col span="6">
                  商品数量：<Input style="width: 30%" type="text" v-model="productNumber"/><br/><br/>
                  商品价格：<Input style="width: 30%" type="text" :value="productInfo.productPrice"/>
                </Col>
                <Col span="12">
                  商品介绍：<br/>
                  <Input type="text" :value="productInfo.productDesc"/>
                </Col>
              </Row>
              <br/>
              <Row>
                <Col span="24">
                  当前抢购并发量：<Input style="width: 10%;" type="text" v-model="threadNumber"/>
                  <Button type="primary" @click="runProject">发起并发演示</Button>
                </Col>
              </Row>
              <br/>
              <Row>
                <Col span="24">
                  <p>当前商品订单：</p>
                  <Button type="primary" style="margin-top: 10px;margin-bottom: 10px" @click="add">新增</Button>
                  <Button type="primary" @click="detail">详情</Button>
                  <Table border stripe :data="tableData" :columns="tableColumns" @on-selection-change="selectTable"/>
                  <br/>
                  <Page align="right" :total="total" :current="currentPage" @on-change="changePage" show-total></Page>
                </Col>
              </Row>
            </Card>
          </Col>
        </Row>
      </Col>
      <Col span="2">&nbsp;</Col>
    </Row>

    <Modal v-model="display" width="70%" :title="title" :closeable=false :mask-closable=false>
      <Form ref="addData" :model="addData" :label-width="120">
        <Row>
          <Col span="12">
            <FormItem label="订单编号" prop="id">
              {
   {addData.id}}
            </FormItem>
          </Col>
          <Col span="12">
            <FormItem label="用户名称" prop="userId">
              {
   {addData.userId}}
            </FormItem>
          </Col>
        </Row>
        <Row>
          <Col span="12">
            <FormItem  label="收货地址" prop="address">
              <Select v-model="addData.address" placeholder="请选择收货地址..." clearable filterable remote :remote-method="deptArouse">
                <Option v-for="(item, index) in responseData" :value="item" :key="index" style="text-align: center;">
                  {
   {item}}</Option>
              </Select>
            </FormItem>

          </Col>
          <Col span="12">
            <FormItem label="创建时间" prop="createTime">
              {
   {addData.createTime | formatDate}}
            </FormItem>
          </Col>
        </Row>
      </Form>
    </Modal>
  </div>

</template>

<script>
  import {formatDate} from "../utils/formatDateUtils";

  export default {
    name: "spikeActivity",
    data() {
      return {
        responseData: [],
        addData: {
          id: '',
          userId: '',
          address: '',
          createTime: ''
        },
        title: '详情',
        display: false,
        selectList: [],
        total: 0,
        currentPage: 1,
        page: 1,
        size: 10,
        productNumber: 0,
        threadNumber: 1000,
        projectInfo: '',
        productInfo: '',
        tableData: [],
        tableColumns: [
          {
            type: "selection",
            align: "center",
            width: 100,
            fixed: "left",
            render: (h, params) => {
              return h("div", [
                h("Icon", {
                  props: {
                    type: "person"
                  }
                }),
                h("strong", params.row.name)
              ]);
            }
          },
          {
            title: "订单编号",
            align: "center",
            key: "id"
          },
          {
            title: "用户名称",
            align: "center",
            key: "username",
            render: (h, params) => {
              let username = params.row.username;
              if (username == '' || username == null) {
                username = "echo";
              }
              return h("span", username);
            }
          },
          {
            title: "收货地址",
            align: "center",
            key: "address"
          },
          {
            title: "是否付款",
            align: "center",
            key: "ifPay",
            render: (h, params) => {
              let ifPay = params.row.ifPay;
              if (ifPay == 0) {
                ifPay = "否";
              } else {
                ifPay = "是";
              }
              return h("span", ifPay);
            }
          },
          {
            title: "下单时间",
            align: "center",
            key: "createTime",
            render: (h, params) => {
              return h(
                "span",
                formatDate(
                  new Date(params.row.createTime),
                  "yyyy-MM-dd hh:mm:ss"
                )
              );
            }
          },
        ],
      }
    },
    created() {
      let id = localStorage.getItem("projectDetailId");
      this.project(id);
      // 如果id是1证明点击的是秒杀项目
      if (id == 1) {
        this.getProduct();
        this.orderGetList();
      }
    },
    methods: {
      deptArouse: function(query) {
        this.axios.get('/orderController/getAddressList', {
          params: {
            name: query,
          }
        }).then((res) => {
          if(this.exception(res)) {
            this.responseData = res.data.data;
          }
        }).catch((err) => {
          this.$Modal.error({
            title: "请求失败",
            content: err
          });
        })
      },
      selectTable: function (row) {
        this.selectList = row;
      },
      add: function() {
        this.display = true;
      },
      detail: function () {
        this.addData.address = null;
        console.log(this.selectList[0]);
        console.log(this.addData.address);
        this.addData = this.selectList[0];
        this.addData.address = this.selectList[0].address.toString()；
        this.display = true;
      },
      changePage: function (row) {
        this.page = row;
        this.orderGetList();
      },
      runProject: function () {
        let authorId = localStorage.getItem("authorId");
        this.axios({
          method: "post",
          url: "/orderController/add",
          headers: {"Content-type": "application/json"},
          data: {
            userId: authorId,
            productId: 1,
            address: '湖南省岳阳市',
          },
        }).then(res => {
          if (this.exception(res)) {
            this.getProductNumber();
            this.orderGetList();
          }
        });
      },
      getProductNumber: function () {
        this.axios.get("/productController/getProductNumber", {}).then(res => {
          if (this.exception(res)) {
            this.productNumber = res.data.data;
          }
        });
      },
      orderGetList: function () {
        this.axios.get("/orderController/getList", {
          params: {
            page: this.page,
            size: 10
          }
        }).then(res => {
          if (this.exception(res)) {
            this.tableData = res.data.data.list;
            this.total = res.data.data.total;
          }
        });
      },
      getProduct: function () {
        this.axios.get("/productController/getProduct", {}).then(res => {
          if (this.exception(res)) {
            this.productInfo = res.data.data;
          }
        });
        this.axios.get("/productController/getProductNumber", {}).then(res => {
          if (this.exception(res)) {
            this.productNumber = res.data.data;
          }
        });
      },
      project: function (id) {
        this.axios.get("/projectCollectionController/getByIdProject", {
          params: {
            id: id
          }
        }).then(res => {
          if (this.exception(res)) {
            this.projectInfo = res.data.data;
          }
        });
      },
      exception: function (res) {
        if (res.data.status === 999) {
          this.$Modal.info({
            title: "请求失败",
            content: res.data.message
          });
          return false;
        } else if (res.data.status === 1000) {
          this.$Modal.info({
            title: "温馨提示",
            content: res.data.message
          });
          return false;
        } else if (res.data.status === 200) {
          return true;
        }
      }
    },
    filters: {
      formatDate: function(value) {
        if(value == '' || value == null) {
          return '';
        } else {
          let date = new Date(value);
          let y = date.getFullYear();
          let MM = date.getMonth() + 1;
          MM = MM < 10 ? "0" + MM : MM;
          let d = date.getDate();
          d = d < 10 ? "0" + d : d;
          let h = date.getHours();
          h = h < 10 ? "0" + h : h;
          let m = date.getMinutes();
          m = m < 10 ? "0" + m : m;
          let s = date.getSeconds();
          s = s < 10 ? "0" + s : s;
          return y + "-" + MM + "-" + d + " " + h + ":" + m + ":" + s;
        }
      }
    }
  }
</script>

<style scoped>

</style>

效果如下：
新增效果正常

详情的时候该控件显示

地址变动后，可以看到控件里面没有值了

现在希望的效果是，新增的时候该控件必须能够正常使用远程搜索，详情的时候需要每次都能正常回显。控件不能调整。求解决方案！

解决方案

最关键的地方在于设置回显值的时候，不经要设置option的值，还要设置select上面v-model的值。代码如下：

this.addData.address =  this.selectList[0].address