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.
- En la web oficial Layui para descargar el archivo
-
Bajo estática copiarlo al directorio del proyecto Vue
-
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>
- 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>