随笔分类 -  Vue&elementUI学习

vue：style标签中的scoped属性（作用域）和lang属性的介绍
摘要：1、 什么是CSS预处理器CSS 预处理器用一种专门的编程语言，进行 Web 页面样式设计，然后再编译成正常的 CSS 文件，以供项目使用。CSS 预处理器为 CSS 增加一些编程的特性，无需考虑浏览器的兼容性问题。CSS预处理语言有SCSS (SASS) 和LESS等等，总之都是用来实现样式的。2 阅读全文
posted @ 2020-07-24 14:47 微光半夏星 阅读(24254) 评论(0) 推荐(4)
vue项目main.js文件下import router from './router'默认导入router文件夹下index.js的原因
摘要：1 import router from './router' 2 //等效于 3 //import router from './router/index.js' 这个不是vue的规定而是node加载模块的方式,当require('./router')(import会被转为require),nod 阅读全文
posted @ 2020-07-21 11:01 微光半夏星 阅读(5713) 评论(0) 推荐(2)
VUE修改样式无效
摘要：vue引用了第三方组件，需要在组件中局部修改第三方组件的样式，而又不想去除scoped属性造成组件之间的样式污染。此时只能通过>>>，穿透scoped。有些Sass 之类的预处理器无法正确解析 >>>。可以使用 /deep/ 操作符( >>> 的别名)passenger-search-form是我赋 阅读全文
posted @ 2020-07-21 09:50 微光半夏星 阅读(1429) 评论(0) 推荐(0)
Vue.js学习笔记：props传递数据(转)
摘要：一.传递数据 1.props 传入单数据就像 data 一样，prop 可以用在模板内,同样也可以在 vm 实例中像“this.message”这样使用 1 <template> 2 <div id="app"> 3 <h1>{{title}}</h1> 4 <child message="hell 阅读全文
posted @ 2020-06-18 11:57 微光半夏星 阅读(1640) 评论(0) 推荐(0)
VUE数组去重方法
摘要：1 let protocalNum = []; 2 //数组循环 3 sampleList.cbpiList.forEach((item,index) => { 4 protocalNum.push(item.STR_BALANCE_CODE); 5 }); 6 /* 多条勾选打印结算单会出现重复的 阅读全文
posted @ 2020-06-04 09:46 微光半夏星 阅读(11370) 评论(0) 推荐(0)
Vue实战--v-bind以及动态绑定Class和style(转)
摘要：本文链接：https://blog.csdn.net/codesWay/article/details/78664148v-bind通常用来绑定属性的，格式是v-bind：属性名 = "值"，简写:属性名 = "值" 之前我们知道v-bind主要就是动态更新DOM的属性的，class作为DOM的属性 阅读全文
posted @ 2019-09-17 11:02 微光半夏星 阅读(1700) 评论(0) 推荐(0)
vue-cli的构建+Vue的超级简单实例(转)
摘要：本文链接：https://blog.csdn.net/qq_34320300/article/details/78546141☞ vue-cli的构建：0.概要（精华）： 1.新建文件夹目录。 进入D盘的work文件夹： 新建名为vueProject的文件夹、并查看和进入： 结果图： 2.检测 no 阅读全文
posted @ 2019-09-16 11:43 微光半夏星 阅读(2253) 评论(0) 推荐(0)
Vue中splice的使用
摘要：splice(index,len,[item])它也可以用来替换/删除/添加数组内某一个或者几个值（该方法会改变原始数组） index:数组开始下标 len: 替换/删除的长度 item:替换的值，删除操作的话 item为空 删除： //删除起始下标为1，长度为1的一个值(len设置1，如果为0，则 阅读全文
posted @ 2019-05-17 15:56 微光半夏星 阅读(1871) 评论(0) 推荐(0)