Как вы изменяете глобальную конфигурацию пользовательского интерфейса Element, когда не используете систему сборки? - PullRequest
0 голосов
/ 01 апреля 2019

В многостраничном приложении я хотел бы использовать компонентную структуру пользовательского интерфейса Element, не используя систему сборки, но обслуживая все зависимости статически.В примере используется CDN.Я хотел бы изменить глобальную конфигурацию пользовательского интерфейса Element, см. Здесь: https://codepen.io/bitflipp/pen/XQWwMy

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
</head>
<body>
  <div id="app">
    <el-button>I want to be "mini" through global configuration</el-button>
    <el-button size="mini">I am "mini" because of an attribute</el-button>
  </div>
</body>
  <script src="https://unpkg.com/vue/dist/vue.js"></script>
  <script src="https://unpkg.com/element-ui/lib/index.js"></script>
  <script>
    /* How can this be achieved?
    import Vue from "vue";
    import Element from "element-ui";
    Vue.use(Element, { size: "mini" });
    */
    new Vue().$mount("#app");
  </script>
</html>
...