ウィジェットカスタムコンポーネントshowToast


1、コンポーネントを作成する
****wxml wxss json*.
  • js中*
  • // Component/showToast/showToast.js
    
    const app = getApp();
    const { requestData } = require('../../utils/util');
    
    Component({   //           
      /**
       *        
       */
      properties: {
        isMask:{  //              
          type:Boolean,
          value:false
        },
        isnoIs:{  //        
          type: Boolean,
          value: false
        },
        isShut: {  //       
          type: Boolean,
          value: false
        },
        isjorn: {  //     
          type: Boolean,
          value: false
        },
        tpNameSplit: {
          type: String,
          value: ""
        },
        name: {    //       
          type: String,
          value: ""
        }
    
      },
    
      /**
       *        
       */
      data: {   //          
    
      },
    
      /**
       *        
       */
      methods: {
        hideToast:function(){   //           
           this.setData({
            isMask: false,
            isnoIs: false,
            isShut: false,
            isjorn: false,
            tpNameSplit: '',
            name: ''
           })
        }
    })
    
    
    2、コンポーネントを導入する
    {
      "usingComponents": {
        "showToast": "../../Component/showToast/showToast"   //    
      },
      "enablePullDownRefresh": true
    }
    
    3、親コンポーネントをサブアセンブリに送る
    *在index.wxml中:*
    
    
    index.jsにおいて:
    data{
        componentShowToast: {
            isMask: false,
            isnoIs: false,
            isShut: false,
            isjorn: false,
            tpNameSplit: '',
            name:''
        }
    }
    
    *サブコンポーネントのpropertiesによる通信が明らかになった(タイトル1参照)*