在Vue.js与Element组合的项目中,可直接使用日期选择器,并对其进行值的设置操作。
1、 启动HBuilderX,创建Vue项目后,集成Element组件库。
2、 在src目录的组件文件夹中新建一个名为Chart的Vue文件,随后点击创建按钮完成操作。
3、 新建一个Vue文件,在其模板标签中插入日期选择组件即可实现日期控件功能。
4、 在 script 标签中声明并初始化一个用于存储日期的变量。
5、 打开App.vue文件,引入Chart组件,并在components选项中注册该组件。
6、 保存代码后通过命令运行项目,即可在浏览器中打开预览。
7、 添加 methods 方法,定义 queryCurrentDate 函数,并在 mounted 中调用执行。
8、 保存代码后刷新页面,日期控件已显示默认值。
评论
更多评论