weixin_43549976的博客

vue filters过滤器 <template> //{{文本字符串 | 过滤函数}} <div>{message | stateFliter}</div> </template> export default{ filters:{ stateFliter(val){ switch(val){ case true: return '同意'; case false: return '退回'; def

vuex状态管理器的使用 vuex是一个专为vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。 State：驱动应用的数据源(单向数据流) View：以声明方式将state映射到视图(静态显示出来的数据源) Actions：处理用户在view上面操作而导致的状态变化(数据源变化追踪) vuex可以解决多个视图组件，包括父子组件，兄弟组件之间的状态共享；不同视图组件的行为需要变更同意状态。 Vue组件接收交互行为，调用dis

vue中使用$bus通信 新建bus.js文件 import Vue from 'vue'; // 总线，一些组件间简单的数据交流通过它来进行，比如侧边栏折叠。过于复杂的数据推荐使用Vuex const bus = new Vue(); export default bus; demo1.vue 传值 //引入bus.js文件 import Bus from "@/views/common/bus.js"; methods:{ // 传值 handle(){ Bus.$emi

使用this.$refs.XXX某个元素样式并添加点击事件 <el-form :model="form" label-position="left" :rules="dataFormRules" ref="form"> <el-row :gutter="36"> <el-col :span="12"> <el-form-item label="名称" prop="name"> <el-input v-mod

vue路由 $router跳转 页面跳转： 在src/views里新建项目文件夹,新建vue文件 <templent> <div> <!-- 第一种：this.$router.push() (函数里面调用) --> <el-button type="primary" @click="rout()">$router</el-button> <!-- 第二种：router-link --> <router-lin

vue子传父、父传子 点击弹框获取数据 vue子传父使用$emit传值 子组件： <template> <div> <div slot="footer" class="dialog-footer"> <el-button @click="dialogFormVisible = false">取 消</el-button> <el-button type="primary" @click="dialog

vue+element-ui数据库0和1回显 formatter 常用来格式化内容 html <el-form-item label="是否可报名" prop="if_signup" :span="12"> <el-switch v-model="dataForm.if_signup" active-value="0" inactive-value="1"> </el-switch> </el-form-ite