有没有可以拖动改变视窗的插件啊？

Question

• 比如可以上下拖动，还可以自定义设置有几行
  

  

• 也可以左右拖动，还可以自定义设置有几列
  

  

总体就是想要可以上下拖动、可以左右拖动，可以自定义几个容器的插件

Answer 1

以下回复引自免费微信小程序：皆我百晓生。 如问题解决，还请采纳。如仍有疑问，请回复留言或私信博主，以便获得更精准的帮助。

是的，有很多可以在VUE.JS中实现类似功能的插件或模块。以下是一些常见的例子：

1. 垂直滚动条：可以通过VUE的V-MODEL和SCROLL-LOCK属性来实现垂直滚动条的功能。例如：

<TEMPLATE>
  <DIV CLASS="VERTICAL-SCROLLBAR">
    <BUTTON @CLICK.PREVENT="TOGGLEVERTICALSCROLLBAR">TOGGLE VERTICAL SCROLLBAR</BUTTON>
    <VERTICAL-SCROLLBAR :VERTICAL-SCROLLBARS="VERTICALSCROLLBARS" />
  </DIV>
</TEMPLATE>

<SCRIPT>
IMPORT { VMODEL, VSCROLLLOCK } FROM 'VUE'

EXPORT DEFAULT {
  DATA() {
    RETURN {
      VERTICALSCROLLBARS: FALSE,
    }
  },
  METHODS: {
    TOGGLEVERTICALSCROLLBAR() {
      THIS.VERTICALSCROLLBARS = !THIS.VERTICALSCROLLBARS
    },
  },
}
</SCRIPT>

<STYLE SCOPED>
.VERTICAL-SCROLLBAR {
  POSITION: FIXED;
  TOP: 0;
  LEFT: 0;
}

@KEYFRAMES TOGGLE-VERTICAL-SCROLLBAR {
  FROM {
    TRANSFORM: TRANSLATEY(-100%);
  }

  TO {
    TRANSFORM: TRANSLATEY(0);
  }
}
</STYLE>

1. 水平滚动条：使用VUE的V-MODEL和SCROLL-LOCK属性来实现水平滚动条的功能：

<TEMPLATE>
  <DIV CLASS="HORIZONTAL-SCROLLBAR">
    <BUTTON @CLICK.PREVENT="TOGGLEHORIZONTALSCROLLBAR">TOGGLE HORIZONTAL SCROLLBAR</BUTTON>
    <HORIZONTAL-SCROLLBAR :HORIZONTAL-SCROLLBARS="HORIZONTALSCROLLBARS" />
  </DIV>
</TEMPLATE>

<SCRIPT>
IMPORT { VMODEL, VSCROLLLOCK } FROM 'VUE'

EXPORT DEFAULT {
  DATA() {
    RETURN {
      HORIZONTALSCROLLBARS: FALSE,
    }
  },
  METHODS: {
    TOGGLEHORIZONTALSCROLLBAR() {
      THIS.HORIZONTALSCROLLBARS = !THIS.HORIZONTALSCROLLBARS
    },
  },
}
</SCRIPT>

<STYLE SCOPED>
.HORIZONTAL-SCROLLBAR {
  POSITION: RELATIVE;
  WIDTH: 50%;
  HEIGHT: 1PX;
  BACKGROUND-COLOR: #CCC;
}

@KEYFRAMES TOGGLE-HORIZONTAL-SCROLLBAR {
  FROM {
    WIDTH: 30%;
  }

  TO {
    WIDTH: 100%;
  }
}
</STYLE>

1. 表格组件：可以使用V-MODEL来实现垂直滚动条的效果，同时还可以使用SCROLL-LOCK属性来实现水平滚动条的功能。

2. 选择器组件：在某些情况下，你可以使用V-MODEL来实现垂直滚动条的功能，然后通过CSS来设置其高度，从而实现水平滚动条的效果。

希望这些建议对你有所帮助！如果有具体的问题或者需要进一步的帮助，请随时告诉我。