作者简介作者名：编程界明世隐简介：CSDN博客专家，从事软件开发多年，精通Java、JavaScript，博主也是从零开始一步步把学习成长、深知学习和积累的重要性，喜欢跟广大ADC一起打野升级，欢迎您关注，期待与您一起学习、成长、起飞！引言Vue是现在前端最流行的框架之一，作为前端开发人员应该要熟练的掌握它，如果你是打算学习Vue的开发流程，那么来吧，明哥带你快速上手、带你飞！即使你并非前端开发人员，对前端的开发流程进行一定的了解也是很有必要的，谁也不确定公司以后会不会让我做前端去，做些简单的实例既不需要花费很多时间，也可以提高自己的自信和成就感，所以跟着明哥走，没有错，来吧！导航✪ Vue开

vue表单input框使用@blur事件搜索内容:vue中使用@blur获取inputval值search_blur(e){letsearch_value=e.target.value;console.log(search_value);},

在项目中使用el-dialog中发现不能够拖拽移动，因此网上找了相关资料，使用自定义指令实现拖拽功能。1、创建自定义指令：新建文件directive/el-drag-dialog/index.jsimportdragfrom"./drag";constinstall=function(Vue){Vue.directive("el-drag-dialog",drag);};if(window.Vue){window["el-drag-dialog"]=drag;Vue.use(install);}drag.install=install;exportdefaultdrag;新建文件directi

elementUI是国内前端工程师应该都听过或者使用过的前端框架，不只使用简单，而且有着详细的文档和API。使用el-input这个标签时，我有些情况下在el-input是无法输入的，绑定的值动也动不了，删也删不掉，改也改不了，所以我做了以下的解决方法的统计，希望可以帮助到大家！如果大伙遇到了上面的问题，以下几种方法大家都可以试试1.常规的操作就是定义一个方法，在输入框中，使用forceUpdate强制刷新 change(){ this.$forceUpdate();//强制刷新}2.可能是input的父标签是 template这个时候我们需要在template标签中添加slot-scope属

01.日期选择exportdefault{data(){return{dayDate:"",setDisabled:{    //返回禁用时间disabledDate(time){returntime.getTime()>Date.now();//可选历史天、可选当前天、不可选未来天//returntime.getTime()>Date.now()-8.64e7;//可选历史天、不可选当前天、不可选未来天//returntime.getTime()02.月份选择（示例）            exportdefault{  data(){    return{      value:"",  

1、此功能已集成到TTable组件中2、最终效果3、关键代码//键盘事件handleKeyup(event,index,key){if(!this.isKeyup)returnthis.copyTableData=JSON.parse(JSON.stringify(this.tableData))//向上键if(event.keyCode===38){//获取到所有class为[key]的dom列表letdoms=document.getElementsByClassName(key)if(!index){index=this.copyTableData.length}//选中类表中第inde

  示例：将el-form表单的label测试字体样式改为红色测试.label{color:red;}  测试的字体就变成红色了，同样也可以设置字体大小等其他样式，还可以去掉加粗效果

以下是直接粘贴的组件--基础用法点击打开Dialog title="提示" :visible.sync="dialogVisible" width="30%" :before-close="handleClose"> 这是一段信息   取消  确定  exportdefault{  data(){   return{    dialogVisible:false   };  },  methods:{   handleClose(done){    this.$confirm('确认关闭？')     .then(_=>{      done();     })     .catch(_=>{

以下是直接粘贴的组件--基础用法点击打开Dialog title="提示" :visible.sync="dialogVisible" width="30%" :before-close="handleClose"> 这是一段信息   取消  确定  exportdefault{  data(){   return{    dialogVisible:false   };  },  methods:{   handleClose(done){    this.$confirm('确认关闭？')     .then(_=>{      done();     })     .catch(_=>{

业务需求描述界面展示：用户每次在【物资扫码】成功后，都会在右侧【物资列表】中增加一个如图的结构（分为上中下三部分，上为【物资编号】，中为表格展示的物资基本信息，下为用户需要填写的表单项【本次组盘数】），需要在用户点击【保存】时，校验每一个表单项必填且数量大于1。所用技术描述客户要求该界面支持双端（网页端+移动设备端）网页端采用：vue+elementui移动设备端采用：uniapp+uview网页端（vue+elementui）实现方式及具体代码界面左侧就是简单的点击事件不做赘述，重点讲右侧的表单校验。el-col:span="18">divclass="main_div">divclass=