vue选择器

最新推荐文章于 2024-03-29 15:19:14 发布

贺今宵

最新推荐文章于 2024-03-29 15:19:14 发布

阅读量2.1k

点赞数

分类专栏： vue 文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/qq_51389137/article/details/126031004

版权

vue 专栏收录该内容

27 篇文章 1 订阅

订阅专栏

简陋

                    <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,}}