Bitter的博客

使用葡萄城+vue实现Excel

this.$options.data() 是页面原始的数据。this.$data 是修改过后的数据。

Mac 查找被占用的8080端口并终止这个进程

【代码】antd Vue项目 日期组件限制年月周日。

【代码】vue项目 复制拷贝文字、链接等。

【代码】Vue中前端根据地址，生成二维码。

先上效果图 修改悬浮背景色修改点击背景色tree的代码，一定要加上highlight-current node-key="id"style里千万不要加scoped，否则样式无效如果要是想改字体颜色等其他样式，直接在里面写即可

解决element -ui 中message在dialog遮盖层下面

//1.对页面id为box的设置scroll滑动事件 document.getElementById("box").addEventListener("scroll", () => { //2.获取整个页面的高度 const pageHeight = document.documentElement.clientHeight //3.获取id为idName的标签，其顶部到页面的高度 let contentTop = do...

downloadTable(){ //1.使用element-ui提供的服务式loading方法 const options = { spinner: "el-icon-loading", text: "下载中...", background: "rgba(0, 0, 0, 0.4)", }; const loadingInstance = Loading.service(options); //...

背景：有两个组件：A和B。系统渲染A的时候，发现A是依赖于B的。但是渲染B的时候，发现B又是依赖于A的。两者循环嵌套。解决办法：在注册组件时候，使用webpack的异步import;不要使用import A from ' ./A.vue'components:{A:()=>import('./A.vue')}或者在beforeCreate的生命周期钩子函数中注册它beforeCreate(){ this.$options.components.A=require('

第一步：yarn add html2canvas第二步：import html2canvas from 'html2canvas'第三步：在文件中引用组件components: { html2canvas}第四步：在点击事件里写入以下事件例如：<div ref="tupuPicture">要保存成为图片的区域</div><el-button @click="keepPicture">保存</el-button>

先上效果第一步：html <div class="table-title"> <el-checkbox :indeterminate="rwisIndeterminate" v-model="rwcheckAll" @change="rwhandleCheckAll" >全选</el-checkbox>.

<el-popover placement="right-start" width="200" trigger="hover" :content="module.nav_suffix" :popper-class="module.nav_suffix?'':'popperclass'" >第一：找到弹框显示或.

（页数-1）*每页条目数+索引+1

在<el-table>的标签上添加:cell-style属性<el-table :data="gridData" border :cell-style="columnStyle"></el-table>在methods中添加对应的columnStyle方法columnStyle({ row, column, rowIndex, columnIndex }) { //注意：第一行的索引为0 if (columnIndex ===

背景：点击分页，可以获取到当前分页对应的数据。但是表格就是无法重新刷新。我试过:key，进行组件的强制刷新，但是仍然无法实现。解决：在获取到分页对应的数据后，对table绑定的数组，进行清空，重新赋值的处理。不要直接赋值，不要直接赋值，不要直接赋值。如果直接赋值，表格无法对分页的数据重新渲染。methods: {//这个是改变分页后获取当前分页对应数据的方法。我是用的截取数组的方法 handleCurrentChange(pagechange){ this.initp

<el-table :show-header="false" :data="gridData" :span-method="addSpanMethod" border :cell-style="columnStyle" style="width: 100%; margin-top: 20px" > <el-table-column p.

在vue.config.js中进行配置，可以快捷访问src下的文件chainWebpack: config => { config.resolve.alias .set("_c", resolve("src/components")) .set("_a", resolve("src/assets")) .set("_l", resolve("src/libs")) .set("_v", resolve("src/views"))

data () { return { leavpath: '' } }, beforeRouteEnter (to, from, next) { next(vm => { if (from.fullPath === '/路径') { vm.leavpath = '/路径' } }) }from.fullPath：可以获取到进入页面的路径。beforeRouteEnter 守卫 不能 访问 thi..

const router = new VueRouter({ routes, scrollBehavior (to, from, savedPosition) { return { x: 0, y: 0 } }})

前提：已经在腾讯云中配置好了存储桶第一步：下载yarn addcos-js-sdk-v5第二步：在vue文件中引入第三步：在获取到上传文件的信息处，调用一下方法（此处以vant中的上传做为演示）afterRead (file) { // 此时可以自行将文件上传至服务器 console.log(file) // 进行腾讯云上传 cos.putObject({ Bucket: '*********', // 存储桶名称 ..

使用Vant框架写移动端页面，用到了from表单，但是from验证报错解决方法：form表单的每个字段都要:rules属性，否则就会报如上错误。也就是在每个van-field表单项都加上:rules验证属性，就算当前表单项不做任何验证...