logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

vue2,style标签中引用data变量

因为我们要修改的样式是el-form的子元素el-form-item的label和content的字体大小,要先给el-form绑定计算属性return一个变量A,再通过按钮动态改变字体大小。再style中通过通过var()关键字,使用--符号引用变量A。需求:点击放大缩小按钮,动态改变el-form所有label和content部分的字体大小。

文章图片
#vue.js#前端#javascript
vue中引入公共样式的方法

公共样式通常包括全局样式和组件样式。

文章图片
#vue.js#前端#javascript +1
element-ui出的treeselect下拉树组件基本使用,以及只能选择叶子节点的功能,给节点添加按钮操作

disable-branch-nodes属性是禁用节点属性(针对需求1这个属性一定要设置,否则不生效)需求1:treeselect下拉树组件只能选择叶子节点,其他父节点均为点击展开功能(不选中)v-model绑定的值要设为null,不能设为'' ,否则会回显unknown。需要用到treeselect组件的插槽:slot="option-label",插槽slot=“value-label” 是输

文章图片
#vue.js#前端#javascript
Vue 3.0 中重置 reactive 定义的响应式对象数据,恢复为初始值

1、直接挨个重置数据(不适用对象中有多个属性,比较繁琐)2、使用Object.assign()

文章图片
#vue.js#前端#javascript
vue3中父子组件传值

1、父传子父组件直接通过属性绑定的方式给子组件绑定数据,子组件通过defineProps接收函数接收,例如:父组件中:子组件中接收props:子组件中使用props,直接打点调用2、子传父子组件传值给父组件主要是子组件通过注册一个自定义事件,而后触发emit去调用该自定义事件,并传递参数给父组件。在父组件中调用子组件时,通过v-on绑定一个函数,通过该函数获取传过来的值。

文章图片
#vue.js#前端#javascript
设置el-table超出高度出现滚动条

直接给el-table设置height属性,height包括表头的高度;设置了height后,则行旁边就会出现一个滚动条了。el-table还有一个max-height的属性。

文章图片
#vue.js#elementui#javascript
vue3 el-menu初始化时选中没有高亮的问题(default-active和index的问题)

1、default-active的值是字符串,那么index绑定的值也要是字符串,且数字对应。不能default-avtive绑定的是1,而menu-item的index绑定的是45。为了避免页面刷新时menu组件的选中样式消失,所以在每次点击的时候我们要将default-active重新赋值。所以el-menu-item的index项一定要和default-active对应起来。2、defaul

文章图片
#vue.js#javascript#elementui
到底了