elementUI的DatePicker选择日期范围时提交参数我们只需要将绑定的数组拆开即可，但在编辑时如果只是简单地将后台返回的开始日期和结束日期赋值给数组，页面上不会正常地显示日期范围，这时候就需要用到Vue的setter或$set方法赋值vm.ruleForm.treatmentDate[0] = data.treatStartDatevm...

vue中实现点击返回上一页<template><el-button @click="prev()">返回</el-button></template><script>export default {data () {return {}},m

实现该功能主要用到mintUI中的Picker与Popup组件1、引入组件import { MessageBox, Toast, Picker, Popup, Header} from "mint-ui";2、写弹框选择器的结构样式<mt-popup v-model="popupVisible1" popup-transition="popup-fade"...

普通写法v-if=" type==1 || type==2 || type==3 "优雅写法v-if=" [1,2,3].includes(type) "

在APP.vue中的style标签内加上body .el-table th.gutter{display: table-cell!important;}

首先给导航栏加上default-active属性，记得加上冒号<el-menu:default-active="defaultUrl"unique-opened2.然后在data中给参数赋值data () {return {defaultUrl: '/dashboard'}},...

父页面的结构<el-tab-pane label="派单流程" name="3"><iframe ref='3' width="100%" height="480px" :src=dispatchUrl></iframe></el-tab-pane>父页面中的方法methods: {...

该错误大部分是因为elementUI与vue版本不匹配，个人解决方法是引入的时候都是用线上引入的方法，确保版本不冲突<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"><!-- <script src="../../js/vue.js"&gt...

在列表页文件的methods方法中写跳转代码methods: {handleWatch (row) {// console.log(row.activeJobId)this.$router.push({path: 'gd_detail/', query: {id: row.activeJobId}})}2.在详情页文件的methods方...

vue的优点1、vue是个轻量级的框架，是一个构建数据的视图集合，大小只有几十Kb2、vue是组件化开发，适合多人开发3、vue中的双向数据绑定更方便操作表单数据4、因为vue是MVVM的框架，视图，数据，结构分离使数据的更改更为简单5、vuex可以管理所有组件用到的数据，不需要借助之前props在组件间传值6、官方文档通俗易懂，易于理解和学习；vue父子组件之间传递数据1、父组件向子组件传递数据