[Vue] componentes de terceros introducidas (Layui)

Acerca de manera Vue para introducir componentes de terceros son muchos, muchos aspectos han sido probados, pero que no es factible. Mi demanda es introducir Layui el marco de front-end en el proyecto usando Vue Andamio de dos maneras, la primera es utilizar la importación NGP, la carpeta Layui segunda copia (JS y CSS). En la primera forma en que uno, me encontré con un número de maneras en Baidu, pero la pregunta citado componentes no definidos están presentes. Aquí grabo la segunda forma posible. Además, creo que la segunda forma es más flexible, ya que los componentes pueden ser modificados para satisfacer la demanda.

  1. En la web oficial Layui para descargar el archivo

web oficial Layui

  1. Bajo estática copiarlo al directorio del proyecto Vue

  2. Introducido en el index.html

<link type="text/css" rel="stylesheet" href="static/layui/css/layui.css"/>
<script type="text/javascript" src="static/layui/layui.js"></script>
  1. En la VUE archivos requieren la introducción de
<script src="./../static/layui/layui.js"></script>
<script>
export default {
  name: 'UserList',
  mounted () {
    layui.use('form', function () {
      var form = layui.form
      // 监听提交
      form.on('submit(formDemo)', function (data) {
        layer.msg(JSON.stringify(data.field))
        return false
      })
    })
  }
}
</script>
Publicados 107 artículos originales · ganado elogios 88 · vistas 260 000 +

Supongo que te gusta

Origin blog.csdn.net/Code_shadow/article/details/96777813
Recomendado
Clasificación