[youzan/vant]能否提供cdn方式呢

类似于Element 可以通过cnd引入js和css文件，然后通过 this.$toast来调用自身内置方法

lemongeek

@lemongeek 文档中已加入 CDN 引入方式，请参考快速上手。 this.$toast 的方式目前暂不支持，你可以手动将 Toast 挂在 Vue 原型上。

import { Toast } from 'vant';
Vue.prototype.$toast = Toast;

chenjiahan

能否说下具体的用法，不知道怎么引用啊，这个挂载，是需要重新编译下原文件么

lanrain

@lanrain CDN 引用方式请参考文档，挂载的话不需要编译原文件，在你的代码中加入上面两行代码就行

chenjiahan

我的工程是一个传统工程，并没有做前后端分离，直接使用import，会提示错误

lanrain

@lanrain 请参考下面的示例

<html>
  <head>
    <title>Toast 挂载示例</title>
    <link rel="stylesheet" href="https://unpkg.com/vant/lib/vant-css/index.css">
  </head>
  <body>
    <div id="app"></div>
    <script src="https://cdn.jsdelivr.net/npm/vue"></script>
    <script src="https://unpkg.com/vant/lib/vant.min.js"></script>
    <script>
      Vue.prototype.$toast = vant.Toast;

      new Vue({
        el: '#app',
        created() {
          this.$toast('测试');
        }
      });
    </script>
  </body>
</html>

chenjiahan

tks，已经可以了

lanrain

[youzan/vant]能否提供cdn方式呢

回答