![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
文章平均质量分 53
Ly_cat
软件。一路学习,嘈嘈杂杂的勿扰~
展开
-
【antd-design】实例详解a-table 中column中slot-scope=“{text, record, index}
三者表示的值如下:text表示本项内容对应的字段值value,record的值是object,表示的是这一行数据的全部内容,index表示当行索引在column 中如何一个单元格显示多个变量,前面介绍了,这里就可以很清晰的知道用record可以是实现:例如我们后台返回的区域名和建筑名用> 串接起来显示在一个单元格内:a-table中:<div slot="estate" slot-scope="{text, record, index}"> <span>{原创 2022-01-12 11:38:15 · 8443 阅读 · 4 评论 -
【Vue EventBus】 | 实现组件间的通信&改变大屏背景颜色实践
效果:![动画.gif](https://img-blog.csdnimg.cn/img_convert/ed011cc17377ced7008436c06c9d71e8.gif#clientId=u5e5ca2d0-2607-4&crop=0&crop=0&crop=1&crop=1&from=drop&id=u4b3724fa&margin=[object Object]&name=动画.gif&originHeight=720.原创 2021-12-03 16:25:25 · 702 阅读 · 1 评论 -
Vue + element 实现动态显示后台数据到options上
需求:实现selector选择器中选项值options 数据的动态显示,而非写死的数据,我的角色ID数据如下:现在实现把这些数据请求显示option上实现如下:使用element-ui中selector 选择器:<el-form-item label="角色ID:" prop="roleId"> <el-select v-model="addUserForm.roleId" placeholder="请选择角色ID"> <el-option原创 2021-07-26 16:48:40 · 10404 阅读 · 24 评论 -
前端Vue 项目数据请求跨域问题:The value of the ‘Access-Control-Allow-Origin‘ header in the response must not be t
1. 报错问题console报错如下:Access to XMLHttpRequest at 'https://xxxxxx/system/users?totalPages=1&totalCount=1&page=1&name=&realName=&roleId=&mobile=&sex=&email=' from origin 'http://localhost:8080' has been blocked by CORS pol.原创 2021-07-24 22:23:09 · 4278 阅读 · 1 评论 -
【前端开发】Vue-CLI4 &Vue-CLI3 与Vue-CLI2 的区别以及打包配置问题
前面一直用Vue-CLI2 搭建Vue 项目,后面用Vue-CLI4 搭建了一个新的Vue 项目,发现Vue项目有些文件build文件、config文件目录直接整没了… 好家伙,那我怎么配置??撸文档,Vue-CLI4、Vue-CLI3 与Vue-CLI2 之间的区别:使用后Vue-CLI4总体上与Vue-CLI3区别不大,Vue-CLI4与Vue-CLI2最直接的区别:1、安装:Vue-CLI2:npm install -g vue-cli 或 cnpm install -g vue-cliV原创 2021-04-25 21:50:51 · 2128 阅读 · 5 评论 -
WebStorm写Vue项目是报错提示:SHint: ‘const‘ is available in ES6(use ‘esversion: 6‘) or Mozilla JS extensions
我们在WebStorm 写Vue.js相关的语时,红色波浪线提示:JSHint: ‘const’ is available in ES6(use 'esversion: 6") or Mozilla JS extensions (use moz).(W104),红色波浪线看着很不舒服翻译的大概意思是: JSHint:“Const”可在ES6(使用“esversion:6”) 或 Mozilla JS扩展(使用Moz)中使用。也就是说只有在ES6版本语法下才支持,我们可以通过下面的方式去解决。方式一:原创 2020-11-15 10:49:40 · 2304 阅读 · 0 评论 -
Vue+Bootstrap实现商品的增删计算案例
使用Vue+bootstrap实现商品的增删计算需要引入Vue.js和bootstrap.min.css文件效果图:<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-原创 2020-07-03 09:51:12 · 387 阅读 · 0 评论 -
Element-UI开发指南--动画和组件基础(二)
文章目录内置过渡动画fade 淡入淡出zoom 缩放collapse 展开折叠组件Layout 布局基础布局分栏间隔混合布局分栏偏移对齐方式响应式布局基于断点的隐藏类Row 属性Col 属性Container 布局容器常见页面布局Container 属性Header属性Aside 属性Footer 属性Color 色彩Typography 字体字号行高Font-familyBorder 边框边框圆角Icon 图标使用方法Button 按钮文字按钮图标按钮按钮组加载中不同尺寸内置过渡动画Element 内原创 2020-07-01 00:07:32 · 1770 阅读 · 0 评论 -
WebStorm 中安装并使用Element-UI(入门)
对于新手来说,如何安装在Vue项目中安装并使用Element-UI组件并不是很清楚,下面是我根据自己的经验实践总结第一步 打开终端Terminal打开WebStrom终端控制台Terminal,使用cd命令进入你已经创建好的vue项目第二步 安装Element-UI使用下面安装命令为你的vue项目安装Element-UI:npm i element-ui -S安装完成后会出现如下界面,并有安装版本信息第三步 查看是否安装成功打开vue项目下的package.json文件,有elemen原创 2020-06-29 23:02:16 · 9245 阅读 · 0 评论 -
Vue项目中提示JSHint: import is only available in ES6 (use esversion: 6)解决
webStorm新建了一个vue项目后,在main.js导入Element-UI中总是红色波浪提示错误,如下图:意思大概是:JSHint: import只在ES6中可用(使用 esversion: 6),尝试捣鼓可以通过添加: /* jshint esversion: 6 */消除报错提示注意:页面本身带的注释文字不能删除,不然会报错...原创 2020-06-29 21:20:32 · 2650 阅读 · 1 评论 -
Vue开发入门(一) | vue基础指令 &案例
文章目录Vue实例Vue基础指令v-cloak指令v-html和v-text指令v-bind指令v-model指令v-on指令v-for指令v-if和v-show指令Vue中绑定样式--classVue中绑定样式--styleVue基础案例品牌管理案例简易计算器案例Vue实例// 将来 new 的Vue实例,会控制这个 元素中的所有内容// Vue 实例所控制的这个元素区域,就是我们的 V <div id="app"> <p>{{ msg }}</p>原创 2020-06-27 18:27:10 · 547 阅读 · 0 评论