Vue.prototype封装消息

main.js全局引入//封装消息提示Vue.prototype.msg = function (text) { //如果你需要让一个工具函数在每个组件可用，可以把方法挂载到 Vue.prototype上。那么组件代码里this.method() Vue.$vux.toast.show({ text: text, type: 'text'

晴天Smile

7015人浏览 · 2017-08-07 17:16:00

晴天Smile · 2017-08-07 17:16:00 发布

 
   import  { 
   ToastPlugin}  
   from  
   'vux'  全局引入这个组件 
  
  main.js全局引入 
 
  //封装消息提示 
 
  Vue. 
  prototype. 
  msg =  
  function ( 
  text) {  
  //如果你需要让一个工具函数在每个组件可用，可以把方法挂载到 Vue.prototype上。那么组件代码里this.method() 
 
  Vue. 
  $vux. 
  toast. 
  show({ 
 
  text:  
  text, 
 
  type:  
  'text' 
 
       }) 
 
   } 
 
   然后在其他vue文本里用this.msg（'内容'） 
  
 则会自动弹出内容提示；

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}$/, //不连续的两位字母// /^