分类目录

链接

2020年十二月
« 11月    
 123456
78910111213
14151617181920
21222324252627
28293031  

近期文章

热门标签

博主推荐

vue使用element-ui中的Message 、MessageBox 、Notification

import Vue from 'vue'; import ElementUI from 'element-ui'; // 添加响应拦截器 axios.interceptors.response.use(function (response) { // 对响应数据做点什么 // console.log('对响应数据做点什么') return response; }, function (error) { // 对响应错误做点什么 console.log(ElementUI) //Message 消息提示 ElementUI.Message({ message: '恭喜你,这是一条成功消息', type: 'success' }); //Notification 通知 ElementUI.Notification({ title: '警告', message: '这是一条警告的提示消息', type: 'warni...

.NET, 前端 暂无评论 阅读(65)

vue import .scss报错

新版本的vue-cli已经帮我们把sass-loader配置好了,放在了util.js里面。 原来我们需要在webpack.base.config.js中去配置以下这段代码: { test: /\.scss$/, use: [ { loader: 'style-loader' // creates style nodes from JS strings }, { loader: 'css-loader' // translates CSS into CommonJS }, { loader: 'sass-loader' // compiles Sass to CSS } ] } 现在不需要这样配置。如果这样配置会报...

前端 暂无评论 阅读(43)

vue中引入.svg图标,使用iconfont图标库(SvgIcon组件使用)

阿里巴巴的iconfont是一个很好的图标库,海量的素材可以快速满足开发人员日常对图标的诉求,我们采用symbol引用,官方介绍 创建SvgIcon组件 <template> <svg :class="svgClass" aria-hidden="true"> <use :xlink:href="iconName"></use> </svg> </template> <script> export default { name: 'svg-icon', props: { iconClass: { type: String, required: true }, className: { type: String } }, computed: { iconName() { return `#icon-${this.iconClass}` }, svgC...

Others 暂无评论 阅读(45)

vue 安装sass,运行后报错loaderContext.getResolve is not a function

今天自己搭建vue-cli框架,安装了element-ui,运行没有任何问题,修改了下样式,为了避免修改ele里面组件的样式出现样式污染,想着装个sass写嵌套的,这样既方便又能很好的解决问题,那么动起来: 1.安装需要的依赖:   npm install node-sass --save-dev //安装node-sass npm install sass-loader --save-dev //安装依赖包sass-loader npm install style-loader --save-dev //安装style-loader 2.在build文件夹下的webpack.base.conf.js的module下 rules里面添加配置  ...

前端 暂无评论 阅读(44)

vue中无法加载scss

今天重装了vue-cli脚手架 这次我安装了node-sass+sass-loader之后还是不行,进入webpack.base.config.js发现没有配置scss。 所以增加如下: { test: /\.sass$/, loaders: ['style', 'css', 'sass'] },   当然,如果需要在vue文件style标签使用scss的话,需要声明一下: <style rel="stylesheet/scss" lang="scss">

前端 暂无评论 阅读(49)

Vue开发环境安装并集成element-ui示例

补充:element-ui的组件的用法可以访问官网,里面的介绍很详细,非常适合初学者。传送门。 首先要求事先安装node和npm 没有安装的自行百度或在论坛里面搜索! 提示:在命令行分别输入node -v(node和-v之间有个空格) 和npm -v(同样有个空格)可查看当前的node和npm版本 创建vue项目 1.创建一个项目文件夹,记住文件夹路径,如我的是F:\AppCode 2.打开cmd命令通过cd指令进入到刚才创建的文件夹路径F:\AppCode。输入npm install -g cnpm –registry=https://registry.npm.taobao.org安装淘宝镜像 3.继续输入npm inst...

前端 暂无评论 阅读(51)