转载  nuxt 自定义全局方法、全局属性、全局变量解决方案

分类:前端 2021-11-04T22:09:53    81人阅读   

注意 ,这个 在 asyncData 还是不能用的 ,在mounted等其他生命周期里面可以,

asyncData 里因为获取不到this他在组件初始化前执行的,如果找到方法我会继续更新到下一篇博客

好现在说步骤,在plugins 文件夹里新增一个 commom.js名字你自己取

commom.js 测试代码

import Vue from 'vue'
var comsys= {
    install(Vue){
        Vue.prototype.comsys = {
        	val:function(val){
        		return val
        	}
        };
        
    }
}
Vue.use(comsys);

nuxt.config.js里  添加

plugins: [
	    { src: '~/plugins/commom.js', ssr: false }
	],

引用的页面添加

mounted () {
			 alert(this.comsys.val(1));
		}

恩  这样就行了  

这个是实例方法  其他的属性  对象  可以参考 vue的官网   

支付宝打赏 微信打赏

如果文章对你有帮助,欢迎点击上方按钮打赏作者

服务器费用不足...

牛奶和饼干css卡通图画

拖拽实现流程图Drawflow.js插件

5套WebApp模板管理后台界面

网站顶部导航带下拉的Navigation

互联网机构和SaaS服务网页模板

沙滩保卫小游戏js源码

HTML5/Canvas太空射击类小游戏源码

公司事件会议发布会网站模板

餐厅美食在线订餐HTML5站点模板

炫酷网状变形动画js特效

绿色环保种植农场网站Html5模板

多用途的Alert弹出窗口Js插件

CSS 3D盒子打开动画特效

CSS3主页个人简历网页模板

整个页面滚动切换Js插件

21个着陆页HTML5和CSS3模板

绿色农产品果蔬购物商店HTML主题

优雅而现代的企业和商业html模板

创意布局企业网络服务CSS模板

五彩纸屑掉落动画的例子

服务器费用不足...
 工具推荐 更多»