长沙网络推广平台,企业网站优化服务公司,如何让百度不收录网站,1m带宽做网站快不vue2 cron表达式组件
1. 先上图
2. 代码目录
3. 直接上代码 #xff08;组件代码太多#xff0c;直接上压缩包#xff0c;解压后直接用#xff0c;压缩包再博客顶部#xff09; 4. 使用注#xff1a;示例代码中使用了element-ui // HomeView.vuetemplate组件代码太多直接上压缩包解压后直接用压缩包再博客顶部 4. 使用注示例代码中使用了element-ui // HomeView.vuetemplatediv classhomeel-input placeholder请输入内容 v-modelexpression stylewidth:340px;template slotappenddiv clickopen stylecursor: pointer;打开/div/template/el-input!-- 选择cron 弹窗 --el-dialogtitle选择执行时间:visible.syncopenCronappend-to-bodydestroy-on-closeclassscrollbar scrollbar_box_warp!-- cron 组件 --crontabhideopenCron falsefillcrontabFill:expressionexpression//el-dialog/div
/templatescript
import Crontab from /components/Crontab;
export default {name: HomeView,components: {Crontab,},data() {return {openCron: false,expression: ,};},methods: {/** 确定后回传值 */crontabFill(value) {console.log(value);this.expression value},// 打开弹窗open() {this.openCron true;},},
};
/scriptHomeView.vue 示例代码中使用了 element-ui 库安装element-ui npm i element-ui -S在 main.js 中写入以下内容 (当然你也可以不使用element-ui ) import Vue from vue;import ElementUI from element-ui;import element-ui/lib/theme-chalk/index.css;import App from ./App.vue;Vue.use(ElementUI);new Vue({el: #app,render: h h(App)});5. 结果 搞定