0.1.3 • Published 5 years ago
optimat-vue-toast v0.1.3
Toast提示
使用方式(Usage)
安装(Install)
npm install optimat-vue-toast -save
导入(Import)
*.js
import {mapActions, mapGetters} from 'vuex';
import ToastLayout from 'optimat-vue-toast'
*.vue
<script>
import ToastLayout from 'optimat-vue-toast'
import {mapActions, mapGetters} from 'vuex';
{
methods: {
...mapActions(['showToast']),
action () {
this.showToast('content' || {content:'message', duration:1000});
}
}
}
</script>
标签(Target)
*vue
<ToastLayout></ToastLayout>
引入Vuex(Use Vuex)
actions.js
export const showToast = ({commit}, options) => {
commit(SHOW_TOAST, options);
};
export const hideToast = ({commit}) => {
commit(HIDE_TOAST);
};
getters.js
export const toastOptions = state => state.toastOptions;
index.js
import Vue from 'vue';
import Vuex from 'vuex';
import * as actions from './actions';
import * as getters from './getters';
Vue.use(Vuex);
const TOAST_DEFAULT_OPTIONS = {
isShow: false,
content: '请稍等...',
duration: 1000
};
let state = {
toastOptions: TOAST_DEFAULT_OPTIONS
};
let mutations = {
[SHOW_TOAST] (state, options) {
let defaultOptions;
if (typeof options === 'string') {
defaultOptions = clone(TOAST_DEFAULT_OPTIONS);
defaultOptions.content = options;
} else {
defaultOptions = clone(options || TOAST_DEFAULT_OPTIONS);
}
defaultOptions.isShow = true;
state.toastOptions = defaultOptions;
},
[HIDE_TOAST] (state) {
state.toastOptions = TOAST_DEFAULT_OPTIONS;
}
};
export default new Vuex.Store({
actions,
getters,
state,
mutations
});
// clone 方法请查看 optimat-vue-utils 中的 ObjectSupport 工具
Options | Type | Description | Default |
---|---|---|---|
content | string | 显示内容 | 60000 |
duration | number | 显示时长(ms),为300~60000之间 | 1000 |
0.1.3
5 years ago
0.1.2
6 years ago
0.1.1
6 years ago
0.1.0
6 years ago
0.0.20
6 years ago
0.0.19
6 years ago
0.0.18
6 years ago
0.0.17
6 years ago
0.0.16
6 years ago
0.0.15
6 years ago
0.0.14
6 years ago
0.0.13
6 years ago
0.0.12
6 years ago
0.0.11
6 years ago
0.0.10
6 years ago
0.0.9
6 years ago
0.0.8
6 years ago
0.0.7
6 years ago
0.0.6
6 years ago
0.0.5
6 years ago
0.0.4
6 years ago
0.0.3
6 years ago
0.0.2
6 years ago
0.0.1
6 years ago