vue选择器

简陋

                    <input
                        class="right-input"
                        v-model="DynaOptions.xAxis.position"
                         @click="isselect = true"
                      />
                      <div class="select_box" v-show="isselect" @click="isselect=!isselect">
                        <div
                          v-for="(item ) in xAxisStyle.location"
                          :key="item"
                          class="select_item"
                          @click="DynaOptions.xAxis.position = item "
                        >
                          {{ item }}
                        </div>
                      </div>

.select_box {
  width: 108px;
 position: absolute;
 z-index: 99;
  background-color: rgb(255, 255, 255);
  border: thistle 2rpx solid;
}
.select_item {
  border-bottom: rgb(0, 0, 0) 1px solid;
}

data() {
    return {
      // x: this.detail.show.Position.Left.value + 800,
      // y: this.detail.show.Position.Top.value + 150,
      // w: 100,
      // h: 50,
      isselect: false,}}