Vue定义全局变量，方便各个页面进行调用

在main.js中定义new Vue({el: '#app',router,data: function(){return {pcNumnow: 'PC20200924',//定义的全局变量}},components: {App},template: '<App/>'})在页面调用let demo= this.$root.pcNumnow//即demo的值为PC20200924//修改

听听那晚风

3076人浏览 · 2020-11-30 17:57:34

听听那晚风 · 2020-11-30 17:57:34 发布

在main.js中定义

new Vue({
	el: '#app',
	router,
	data: function(){
		return {
			pcNumnow: 'PC20200924',//定义的全局变量
		}
	},
	components: {
		App
	},
	template: '<App/>'
})

在页面调用

let demo= this.$root.pcNumnow
//即demo的值为PC20200924

//修改全局变量的值
this.$root.pcNumnow= "PC20200925"
//此时全局变量的值就变为 PC20200925

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^