el-input默认设置在哪

2023-04-02 13:49:09 百科知识 201次阅读

1、打开HBuilderX开发工具,使用npm安装和下载vue项目,并安装依赖包。kua最优选-有趣的知识分享平台!

2、在项目中的src文件夹下的components中,新建一个组件Input.vue。kua最优选-有趣的知识分享平台!

3、打开已新建的组件文件,在template标签中插入el-input组件,并绑定v-model指令。kua最优选-有趣的知识分享平台!

4、接着在script、/script标签中,导出export default,初始化startData和endData。kua最优选-有趣的知识分享平台!

5、打开App.vue文件,将Input.vue组件导入,并在components中添加Input。kua最优选-有趣的知识分享平台!

6、返回到HBuilderX工具中,修改文件名为InputData,统一修改。kua最优选-有趣的知识分享平台!

7、保存并刷新浏览器,可以看到界面中的两个输入框,一个有默认值,另一个没有默认值。kua最优选-有趣的知识分享平台!

声明:本站资料均来源互联网收集整理,作品版权归作者所有,如果侵犯了您的版权,请跟我们联系246888487@qq.com