vue3.0
关注
分享
扫一扫
太阳姐姐
这个作者很懒，什么都没留下…
展开
-
vue 使用xlsx导出功能(及其选择导出,条件导出,部分字段导出)
1.下载xlsx插件npm install --save xlsx2.main.js中使用import XLSX from 'xlsx'Vue.prototype.XLSX = XLSX```3.vue页面中使用 <el-button type="success" @click="exportExcel" size="small" icon="el-icon-upload2">导出</el-button> exportExcel() {原创 2020-11-17 16:34:39 · 9234 阅读 · 9 评论 -
JQ面向对象封装横向轮播图demo
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> * { margin: 0; padding: 0; } #banner{ width: 980p.原创 2021-08-24 11:30:59 · 235 阅读 · 0 评论 -
[vue] 混入+替换对应文字实现简繁切换
原理很明显，就是替换页面上的字1.在工具文件夹导入jsimport { setToken, getToken } from './zhCook' // 封装cookie存储// 网页简繁体转换// 本js用于客户在网站页面选择繁体中文或简体中文显示，默认是正常显示，即简繁体同时显示// 在用户第一次访问网页时,会自动检测客户端语言进行操作并提示.此功能可关闭// 本程序只在UTF8编码下测试过，不保证其他编码有效// -------------- 以下参数大部分可以更改 -------原创 2021-08-24 11:23:32 · 1213 阅读 · 0 评论 -
vue 强制更新数据 this.$forceUpdate()
使用Vue开发时，在函数中改变了页面中的某个值，在函数中查看是修改成功了，但在页面中没有及时刷新改变后的值；赋值玩以后，执行下面这个方法 强制刷新数据。this.$forceUpdate()原创 2021-08-17 15:43:33 · 1570 阅读 · 0 评论 -
vue+elementui table表格点击单元格单元格改变背景色
<el-table:data="tableData"border@cell-click="cellclick":cell-style="tableCellStyle"></el-table>data(){row:'',column:''}cellclick (row, column, cell, event) {this.row = rowthis.column = column},tableCellStyle (row, rowIndex, colu原创 2021-08-17 15:37:49 · 834 阅读 · 0 评论 -
Vue 祖孙方法调用 祖父级方法在孙级调用 祖孙传参
有需求子元素的子元素（孙子级别的元素）获取到的值要传递给祖父级祖父级代码：新增方法：provide ( ) 与生命周期同级 data() { ……},// 与生命周期同级provide() { return { //子组件调用的名字：对应的方法（当前页面，祖父级元素的方法） openList: this.openList };},mounted() { ……},methods: { openList(type) { // 逻辑代码 console原创 2021-08-06 18:24:58 · 934 阅读 · 0 评论 -
vue element-ui 照片墙的添加与修改（Vue公共插件可直接使用哦）
1.添加公共 photoWall.vue（我自己起的Vue名称，你们可自己取）我这个公共插件引入到components文件夹下，你们可选择自行引入，在使用的时候注意文件夹路径即可photoWall.vue内容（可直接复制使用）<template> <div id="photoWall"> <el-upload ref="upload" :action="uploadBaseUrl"原创 2021-06-30 15:58:12 · 1876 阅读 · 1 评论 -
vue 3.0 scss 更换主题
这是一个比较笨的方法，有几个主题写几套样式，优点使用起来比较简单 ，缺点不高级维护起来比较麻烦基于scss1.首先先在你的文件夹下新建文件夹如下：theme.scss//.el-header,.el-footer 的背景色$background-main-color1:#3b69d6; //背景色$background-main-color2:#209F5C; //背景色...原创 2020-01-06 17:03:42 · 1088 阅读 · 0 评论 -
vue3.0中console.log()会报错
window.console.log(this.list);这个错误是Vuejs - 使用ESLint检查代码质量是进行提示的,所以修改成window.console.log()就能避免这个报错原创 2019-12-31 09:03:00 · 1542 阅读 · 2 评论 -
vue 3.0 scss 的配置及用法
1.在项目中使用scss之前，先打开package.json,看看是否已经安装了sass需要的安装包npm install node-sass --savenpm install sass-loader --savenpm install style-loader --save或者npm install node-sass sass-loader style-loader --sav...原创 2019-12-30 16:03:50 · 6499 阅读 · 0 评论