logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

禁用element-ui calendar 点击事件

需求描述:原本的日历组件不是本月的日期是灰色的,且点击后会跳转到对应的月份,现在不想它跳转,需要禁用它的点击事件方法:使用css的pointer-events:none属性即可,把不是当前月份的日历表格的td属性修改.el-calendar-table{width: 100%;height: 100%;&:not(.is-range){

vue子组件接收父组件传的对象,并深拷贝一份后使用,修改不影响父组件的值

子组件:userInfo是父组件传过来的值,然后data中定义一个newUserInfo对象这样newUserInfo就是一个新的对象,修改newUserInfo并不会影响父组件的值使用场景:当父组件点击修改信息时,将信息传给修改信息子组件,子组件将信息拷贝一份修改,修改好之后再传回给父组件。...

vue中实现动态增加、删除子组件,并获取子组件的值(或批量执行子组件的方法)

当点击添加入库时,自动增加一个相同的form表单组件,当点击删除时,删除当前的组件add-wu-zi即为组件,给items默认有一个对象,对象中默认带有一个nowTime属性,这个之后会说当点击添加入库时,给items增加一个对象,然后组件v-for遍历items即可,但是:key不能使用index,因为使用了index,在你移除掉一个组件的时候,index会重新排序,会修改,导致你删除的组件永远

vue中v-for循环的参数顺序

<div id="app-5"><ul><li v-for="(index,name,value) in object">{{index}}.{{name}}:{{value}}</li></ul></div>var app5 = new Vue({el:"#app-5",.

Vue项目实现切换主题色思路

需求:用户通过取色器选择自己喜欢的颜色,替换项目中的主题色实现效果:实现思路:在项目中使用的是less,使用@themeColor定义了主题色,便想着尝试用js修改less的变量即可,但查询了一下只知道有less.modifyVars方法可以修改,但没有详细的说明,顺便查到了可以修改js可以修改原生css的变量,而且简单易懂,便尝试使用css来定义主题色并设置修改。首先在App.vue中设置主题色

vue+elementUI走马灯组件+html <video>实现轮播视频,并自定义视频播放按钮完整demo

效果:代码:html部分:<el-carousel:interval="5000"arrow="always":autoplay="autoplay":indicator-position="autoplay?'':'none'"@change="getIndex"><el-carousel-item v-for=".

文章图片
#vue.js#elementui#html
vue中不能直接在html中使用import的js方法的问题和解决方法

这是common.js中的方法然后我在index.vue中引用它然后在子组件中使用,希望能将得到的fileName显示在链接中间结果发现报错,getFileDetails is not defined尝试在methods中重写一个方法,在方法中使用它,再在HTML中调用方法,发现是可以的百度一番之后发现了这位老哥的解释:原链接也就是只需要在methods里面再声明一下这个方法就行特此记录一下...

vue+elementUI走马灯组件+html <video>实现轮播视频,并自定义视频播放按钮完整demo

效果:代码:html部分:<el-carousel:interval="5000"arrow="always":autoplay="autoplay":indicator-position="autoplay?'':'none'"@change="getIndex"><el-carousel-item v-for=".

文章图片
#vue.js#elementui#html
vue项目突然报错 error Insert `⏎·········` prettier/prettier

解决方法,在.eslintrc.js最后添加一行:'prettier/prettier': 'off',

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