vue
文章平均质量分 55
木一易@
这个作者很懒,什么都没留下…
展开
-
element 中添加一个属性就可解决 el-select 和 el-cascader 下拉项 不随页面滚动问题
经常会遇到滚动页面时,下拉框总是会随着页面滚动条变化而发生改变,或者滚动页面时下拉框就会覆盖在上面层级较高,这样用户体验就非常不好,所以就需要固定原创 2022-06-15 20:16:20 · 1446 阅读 · 1 评论 -
自定义全局和element表格滚动条样式
全局滚动条样式.div { height: 450px; overflow: auto; //必写 &::-webkit-scrollbar { width: 3px; // 横向滚动条 } // 滚动条的滑块 &::-webkit-scrollbar-thumb { border-radius: 3px; background: #eee; }}elementUI el-table 滚动条样式.table { ::v-de原创 2022-03-25 14:44:50 · 447 阅读 · 0 评论 -
css样式穿透(深度选择器)
大家是不是遇到了这种情况 —> 当我们引入第三方组件库时(如使用element-ui),需要在局部组件中修改第三方组件库样式,而又不想组件之间的样式覆盖,这时候需要调整它的样式,于是在网页中找到需要改变的样式的类,在浏览器中测试效果很ok,可是当在代码中写,不管怎么都不能改变它的样式。这时就有了 样式穿透1、stylus的样式穿透 使用 >>>语法:外层容器 >>> 组件 { }备注: 不太推荐使用这种方式,据说有点问题!& >&g原创 2021-12-10 17:39:33 · 1381 阅读 · 0 评论 -
Vue基础——组件所需了解的基础知识
组件:把页面中多个重复的标签结构(html/css/js)封装起来组件特点:组件体现封装思想(html/css/js)组件是特殊的Vue实例(data,methods等选项)2.1.组件可以使用Vue选项(没有el)2.2.有自己的选项 如template(要求有一个根元素)data(){return {数据a:值}}尽可能使用第三方组件 element-ui / mint-ui / iview等一、全局组件三步骤定义组件Vue.component(组件名,{选项})组件名建议原创 2021-07-30 18:47:06 · 96 阅读 · 0 评论 -
Vue基础——过滤器(全局过滤器和局部过滤器)
过滤器有两类: 全局过滤器 和 局部过滤器Vue.js 允许你自定义过滤器,可被用于一些常见的文本格式化。过滤器可以用在两个地方:双花括号插值和 v-bind 表达式 (后者从2.1.0+ 开始支持)。过滤器应该被添加在 JavaScript 表达式的尾部,由“管道”符号指示( | ):过滤器函数总接收表达式的值 (之前的操作链的结果) 作为第一个参数一、全局过滤器创建过滤器 :在newVue之前步骤1、在newVue之前 Vue.filter(‘过滤器名字’,function( )原创 2021-07-29 19:13:37 · 671 阅读 · 0 评论 -
Vue常用的12个系统指令以及自定义指令
用指令前必先了解指令的作用,用在什么地方指令:作用:增强HTML标签功能a.所有指令都是v-开头b.所有指令代码位置:标签的开头标签位置c.所有指令都是取代之前的DOM操作这里介绍12个常用的系统指令v-text (类似于js中innerText)a.替换标签全部内容b.不可以识别字符串中标签v-html (类似于js中innerHTML)a.替换标签全部内容b.可以识别字符串中标签 <div id="app"> <!-原创 2021-07-29 14:58:47 · 539 阅读 · 0 评论