前端经验

解决$store.getters调用不执行的问题

api: https://vuex.vuejs.org/zh/guide/getters.html 场景: 在登录时将登录得到的用户信息存储在vuex的state和sessionStorage中。使用时在state中获取,当因为刷新等原因导致state中没有数据时,去siss...

前端经验

浅谈vuex中store的命名空间

为了防止store变的过于臃肿,我们可以为store注册模块,模块默认是属于全局命名空间的,也就是说当用下列代码分发action时,任意模块只要action中有addNews,就会得到执行 this. $store .d...

前端经验

Vue根据条件添加click事件的方式

需求: 根据特定条件,增加或者去掉click事件(例如:clickFlag == true时,添加click事件;clickFlag == false时,去掉click事件;) 解决方法: 方式一:在绑定事件中直接添加标示量clickFlag...

前端经验

浅谈vue中组件绑定事件时是否加.native

组件绑定事件时 1. 普通组件绑定事件不能添加.native, 添加后事件失效 2. 自定义组件绑定事件需要添加.native, 否则事件无效 template !-- mt-field label=用户名 placeholder=请输入用户名/mt-field...

前端经验

vue-resource:jsonp请求百度搜索的接口示例

1. yarn add vue-resource 2. main.js引入vue-resource import Vue from vue import MintUI from mint-ui import mint-ui/lib/style.css import App from ./App.vue import router from ./router import VueResource from vue-resource Vue.config.producti...

前端经验

在vue中动态添加class类进行显示隐藏实例

如下所示: div class = status_button el-button type = success @ click = checkSite 查岗 / el-button el-button type = danger 视频 / el-button / div !-- 查岗部分显示影藏 -- div class = check_button :class = [this.flag?show:hid...