el-input默认设置在哪

首页 > 数码科技2022-12-05

1、打开HBuilderX开发工具,使用npm安装和下载vue项目,并安装依赖包。

2、在项目中的src文件夹下的components中,新建一个组件Input.vue。

3、打开已新建的组件文件,在template标签中插入el-input组件,并绑定v-model指令。

4、接着在script、/script标签中,导出export default,初始化startData和endData。

5、打开App.vue文件,将Input.vue组件导入,并在components中添加Input。

6、返回到HBuilderX工具中,修改文件名为InputData,统一修改。

7、保存并刷新浏览器,可以看到界面中的两个输入框,一个有默认值,另一个没有默认值。

上一篇

热门阅读