一只程序喵

vuex的简单使用

vue锚点定位平滑滚动

问题图解：亲测都有效解决方法一：在app.vue或index.html中添加如下cssbody .el-table th.gutter{display: table-cell!important;}解决方法二：在el-table加载数据时this.$nextTick(() => { this.$refs.mainTable.doLayout();});...

代码<template> <!-- 无缝滚动效果 --> <div class="marquee-wrap"> <ul class="marquee-list" :class="{'animate-up': animateUp}"> <li v-for="(item, index) in listData" :key="index">{{item}}</li> </ul> &l.

.vue<el-table ref="table" :data="tableData" height="100%" border stripe @selection-change="handleSelectionChange" @select="dialogCheck"

前端css设置font-size小于12px不起效原因因为 Chrome浏览器做了如下限制：font-size 有一个最小值 12px（不同操作系统、不同语言可能限制不一样），低于 12px 的，一律按 12px 显示。理由是 Chrome 认为低于 12px 的中文对人类是不友好的。但是允许你把 font-size 设置为 0.css设置font-size小于12px方法（用css3中的缩放）：效果：html:<div class="demo"> &lt

代码如下：正常效果

html:!-- 图片上传 --><div class="from-text"> <a href="javascript:;" class="file">选择图片/视频 <input type="file" name="" value="选择文件" id="uploadfile" accept=".mp4,.jpg" multiple> </a> <blockquote class="layui-elem

效果如图：代码如下：directives与data处于同级位置directives: { focus: { inserted: function (el, {value}) { console.log(el, {value}) if (value) { el.focus() } } } },...

例如：element弹框宽度太宽要变窄ElementUI组件不可以给样式添加scoped，因此必须去掉scoped；但是去掉scoped后不满足单组件的CSS。解决方法：给提示框添加类名搞定！...

一.转换方式介绍1.浏览器支持的转换方式：（1）JSON.stringify(obj)将JSON转化为字符串。（2）JSON.parse(string)将字符串转为JSON格式。如下图所示：2.javascript支持的转换方式eval(’(’+b+’)’);可以将json字符串转换为json对象注意：需要在json字符串外包裹一对小括号，ie8(兼容模式)，ie7和ie6也可以使...

1.用element添加图片上传框<el-upload action="/addtalk/upload" enctype="multipart/form-data" method="post" list-type="picture-card" :on-success="afterUpload" :on-preview="handlePictureCardPreview"...

1.在配置路由路径的文件夹里加上如下图的语句2.在main.js里添加3.login.vue<template> <div> <!-- 表单--> <el-form :model="ruleForm" :rules="rules" ref="ruleForm" class="demo-ruleForm"> ...

功能描述：滚动时获知距离顶部的高度（如下）提示：谁滚动监听谁可能一：若是body页面滚动 methods: { handleTabFix() { var scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrol...

功能描述：当子组件滚动到100时导航栏置顶（如下所示）之前：之后:动画效果功能实现主要代码（代码不完整，请理解代码选取自己需要的部分）：实现思路：中间可滚动的部分是子组件，（大家，关注，我的）这一栏导航是父组件。步骤一：在父组件里监控子组件与父元素顶部的距离如下是在父组件中时：在子组件中时：若有疑惑请在下方留言...

功能描述：移动端页面局部滚动（如下所示）功能实现主要代码(代码只有主要功能实现的代码，不全，要理解摘取自己需要的部分)：备注：重点就是class="textScroll"的样式，其余都是配角<template> <div class="textScroll"> <ul> <li class="textList"> ...

功能描述：点击二级路由切换时一级父路由样式依然保留，如下所示注意看页面地址变化功能实现代码（只展示主要代码，css样式请自行编写）：注意：只需底部父组件代码改动，其他组件不变<template> <div> <keep-alive> <router-view></router-view> &lt...