Nuxt中使用layer插件详解

在nuxt框架中实现使用layer插件步骤流程:

1、安装vue-layer

npm install vue-layer

2plugins文件夹下新建js,如:layer.js

import Vue from 'vue';
import layer from 'vue-layer'
import 'vue-layer/lib/vue-layer.css';
Vue.prototype.$layer = layer(Vue);

3、nuxt.config.js中进行配置layer插件

plugins: [
{src: '~/plugins/layer.js'}
],

4、如何在页面中进行应用

_this.$layer.msg('输入错误的hex颜色值')

5、效果如图:


六月初字帖坊小程序 你想要的字帖模板及工具,这里都有!