在SplitLayout组件中添加updatePaneSize方法,用于在外部size属性变化时更新面板尺寸。SplitPanel组件通过watch监听size属性变化,调用父组件的updatePaneSize方法实现尺寸同步。App.vue中添加输入控件,演示面板尺寸的双向绑定功能。
antd-splitter-vue
This template should help get you started developing with Vue 3 in Vite.
Recommended IDE Setup
VSCode + Volar (and disable Vetur).
Type Support for .vue
Imports in TS
TypeScript cannot handle type information for .vue
imports by default, so we replace the tsc
CLI with vue-tsc
for type checking. In editors, we need Volar to make the TypeScript language service aware of .vue
types.
Customize configuration
See Vite Configuration Reference.
Project Setup
pnpm install
Compile and Hot-Reload for Development
pnpm dev
Type-Check, Compile and Minify for Production
pnpm build
Lint with ESLint
pnpm lint
Description
Languages
Vue
90%
TypeScript
6.3%
CSS
2.3%
HTML
1.4%