How to use mint-ui - 10 common examples

To help you get started, we’ve selected a few mint-ui examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github TianchengLee / vue-cms20 / src / components / comment / index.vue View on Github external
.then(result => {
          console.log(result);
          if (result.body.status === 0) {
            Toast(result.body.message);
            // 刷新评论内容, 注意: 如果当前评论页在第二页以上, 重新获取评论会导致数据错乱
            // 刷新评论时应当将pageIndex重置为1  并且将数组清空
            this.pageIndex = 1;
            this.commentList = [];
            this.commentContent = "";
            // 重新发送请求获取第一页的评论内容并渲染
            this.getComments();
          } else {
            Toast('发表评论失败!请重试!')
          }
        });
    }
github TianchengLee / vue-cms23 / src / components / comment.vue View on Github external
.then(result => {
          // console.log(result.body)
          Toast(result.body.message);
          // // 2. 让用户看到最新的数据在1楼
          // //  2.1 手动制造一个评论数据  加入当前comments中, vue会重新渲染

          // // add_time:"2019-02-15T02:58:21.000Z"
          // // content:"aaaa"
          // // user_name:"匿名用户"
          // this.comments.unshift({
          //   add_time: Date.now(),
          //   content: this.commentContent,
          //   user_name: '匿名用户',
          // })

          // this.commentContent = ''
          //  2.2 重新调用getComments
          // 调用getComments之前, 需要注意几个问题:
          //   1. 原有的数据需要被清空否则会出现重复拼接
github TianchengLee / vue-cms23 / src / components / HelloWorld.vue View on Github external
showToast() {
      // 如果使用的是js组件, 并且需要调用函数或对象的方法, 必须先引入对应的成员
      Toast('提示信息')
    }
  }
github zc910704 / Vue.js-personal-note / www / day7.1.webpack-MintUI / src / App.vue View on Github external
show(){
        // Toast('提示信息')
        this.toastinstant = Toast({
            message:'提示信息',
            position:'top',
            duration:'3000',
            iconClass:'glyphicon glyphicon-heart'
        })
    }
    }
github uncleLian / vue2-echo / src / utils / request.ts View on Github external
}, error => {
    // 输出错误信息
    Toast(error.message)
    return Promise.reject(error)
})
github uncleLian / vue2-echo / src / utils / request.js View on Github external
}, error => {
    // 输出错误信息
    Toast(error.message)
    return Promise.reject(error)
})
github zc910704 / Vue.js-personal-note / www / day7.2.vue-cms / src / components / HomeContainer.vue View on Github external
res=>{
                    console.log(res.body);
                    if(res.body.status.code === 200){
                        this.images.push(res.body.data)
                        Toast('ok')
                    }else{
                        Toast('fail to get pic')
                    }
                }
            )
github bhnddowinf / vuejs2-learn / my-project / src / vuex-demo / mint_ui1v.vue View on Github external
'method_a':function (event){
      console.log('methods_a 执行了! '+event);
      this.msg='';
      let instance = Toast('提示信息');
      setTimeout(() => {
        instance.close();
      }, 2000);
    }
  }
github Mesea / vue_dev_temp / src / core / api / config / http.js View on Github external
},error => {
          console.log(error);
          Indicator.close();
          if (!error.config.response) {
            let instance = Toast('网络异常');
            setTimeout(() => {
              instance.close();
            }, 2000);
          }

        });
github uncleLian / vue2-echo / src / main.js View on Github external
Vue.config.errorHandler = function (error, vm, info) {
        console.log(error)
        Toast(info)
    }
}

mint-ui

Mobile UI elements for vue.js

MIT
Latest version published 6 years ago

Package Health Score

57 / 100
Full package analysis