Vue--使用全局混入
程序员文章站
2022-06-28 19:08:50
Vue–使用全局混入main.jsnew Vue({ el: '#app', router, store, render: h => h(App)})// 全局混入import { common } from '@/mixins'Vue.mixin(common)@/minix/index.js// 全局公共方法import common from './common'export { common}@/minix/common.js/** * 全...
Vue–使用全局混入
main.js
new Vue({
el: '#app',
router,
store,
render: h => h(App)
})
// 全局混入
import { common } from '@/mixins'
Vue.mixin(common)
@/minix/index.js
// 全局公共方法
import common from './common'
export {
common
}
@/minix/common.js
/**
* 全局混入
*/
export default {
/**
* 全局过滤器
*/
filters: {
capitalize(value) {
if (value) return '全局过滤器'
return '也是全局过滤器'
}
},
/**
* 全局方法
*/
methods: {
/**
* 跳转页面(通过name)
* @param name 路由name
* @param data 参数(默认空)
*/
toPage(name, data = {}) {
const query = Object.assign({}, data, {
t: +new Date()
})
this.$router.push({
name: name,
query: query
})
},
/**
* 页面跳转(返回上一页面)
*/
backPage() {
this.$router.back(-1)
},
/**
* 获得随机颜色
* @param diaphaneity 透明度
* @returns {string} 颜色
*/
getRandomColor(diaphaneity = 0.6) {
const r = parseInt(Math.random() * 256)
const g = parseInt(Math.random() * 256)
const b = parseInt(Math.random() * 256)
return `rgba(${r},${g},${b},${diaphaneity})`
},
/**
* 获取时间戳 并返回字符串
* @param prefix 前缀(默认为空)
* @returns {string}
*/
getTimestamp(prefix = '') {
const timestamp = new Date().getTime().toString()
if (prefix) {
return prefix + timestamp
} else {
return timestamp
}
}
}
}
2020年10月23日
本文地址:https://blog.csdn.net/yys190418/article/details/109238321
下一篇: wps表格怎么制作九九乘法表即乘法口诀
推荐阅读
-
Android编程实现全局获取Context及使用Intent传递对象的方法详解
-
JQuery中使用Ajax赋值给全局变量异常的解决方法
-
Axure RP8怎么使用全局变量? Axure定义全局变量的方法
-
vue2中使用sass并配置全局的sass样式变量的方法
-
Java开发工具Eclipse使用技巧全局搜索和更替
-
PHP Global定义全局变量使用说明
-
ASP.NETCore 3.0 Autofac替换及控制器属性注入及全局容器使用
-
android 使用kotlin 实现点击更换全局语言(中日英切换)
-
Laravel框架使用技巧之使用url()全局函数返回前一个页面的地址方法详解
-
Android中的全局变量与局部变量使用小结