随笔分类 - vue项目相关内容
摘要：方法一：sessionStorage 如果项目是在浏览器中，打开或跳转另一个页面（可以使用同一个控制台）的情况下，可以用sessionStroage来存储数据，然后另一个页面获取数据 方法二：postMessage 适用情况与方法一一致（两个页面可以使用同一个控制台）。 第二个页面选择后发送数据给第
阅读全文
摘要：项目中使用v-if=" show " 控制组件的显示或隐藏，当接口返回后this.show=false,进行赋值，后this.show= true显示 。但是页面没有正常显示，此时使用 this.$nextTick 。 一、 $nextTick()概述1. $nextTick()原理 $nextTi
阅读全文
摘要：需求描述：页面radio点击的时候，先不改变radio的值，先弹出框进行判断是否符合一定的条件如果符合则发生变化，否则radio不发生变化,页面还显示原来的值。 问题难点：在vue项目中，使用 <el-radio v-model="radio" label="1">备选项1</el-radio> <
阅读全文
摘要：vue项目中页面需要在浏览器中打开新窗口，但是当关闭新窗口时候，sessionStorage中数据丢失问题。解决方法：window.opener.postMessage 问题描述：项目中A页面有table列表，在列表上方有“导入文件”按钮，点击按钮后需在浏览器新窗口中打开B页面,在B页面进行选择文件
阅读全文
摘要：思路：通过设置:row-class-name="tableRowClassName" 和 :cell-style="tableCellstyle" 1、设置行变色 <el-table :data="dataList" :row-class-name="tableRowClassName" :cell
阅读全文
摘要：思路： 1、登录成功后，返回动态的路由信息，存储在本地localStorage中。 2、router.js中在路由守卫钩子函数中使用router.addRoute()进行动态路由添加。 具体代码： login.vue中 <script setup> import {onMounted, reacti
阅读全文
摘要：问题：在ie浏览器中页面报错： SCRIPT5022: SecurityError 小编也不知道原因是什么，小编是尝试了以下几种方式才显示出来，这里建议大家试试看。 1、下载软件包：@babel/polyfill 执行的命令为：npm install @babel/polyfill 2、在main.
阅读全文
摘要：1.下载pinyin包 2.实现组要代码是将汉字转为拼音后进行排序 let obj = [{name:'刘翔',id:1},{name:'方回',id:2},{name:'郝新',id:3}] let newArrs = []； let lettersArr=['A','B','C','D','E'
阅读全文
摘要：有时候使用a-tabel组件后台不提供表头数组，需要前端自己编写表头，为了兼容多个组件会有不同的页面显示不同的表头，为了避免冗余配置，我们可以使用 方法一： colSpan属性隐藏列。 方法二： 添加className属性。 注意：colSpan隐藏列可能存在问题就是列表头不占位置，但是数据还存在占
阅读全文
摘要：1. 在页面的vue.config.js文件中进行反向代理 1. 环境配置 module.exports = { // devServer的配置 devServer: { // 自定义端口 port: 8888, // 自动打开浏览器 open: true, // 用于配置反向代理 proxy: {
阅读全文
摘要：<el-date-picker v-model="value" type="date" placeholder="选择日期" value-format="yyyy-MM-dd" @blur="changeDate" ></el-date-picker> data(){ return { value:
阅读全文
摘要：window.open()打开一个新的浏览器窗口,但是我们常常使用发现直接写: window.open(test.html) 这个是页面直接在浏览器打开一个新窗口,类似于这样的两个新窗口:两个页面是并排的 但是我们想要的效果并不是这样,我们想要以下这个的效果,类似于弹窗框一样: 那么我们可以通过这样
阅读全文
摘要：Echarts图表官方文档: https://echarts.apache.org/examples/zh/index.html Echarts高级应用: https://www.makeapie.com/explore.html Echarts使用步骤: 下载并引入echarts.js, 下载地址
阅读全文
摘要：话不多说上代码~~ 选择数据后： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta count="vie
阅读全文
摘要：计算属性get set方法 在vue的计算属性中，所定义的都是属性，可以直接调用 正常情况下，计算属性中的每一个属性对应的都是一个对象，对象中包括了set方法与get方法 computed:{ fullNname:{ set:function(newValue){ console.log(newVa
阅读全文
摘要：一、eventBus用途：用于解决：一个页面调用另一个页面中的方法。 二.、eventBus使用方法：分为三步骤,如A页面调用B页面中的方法。 在main.js中将eventBus挂载到vue原型上 Vue.prototype.$eventBus = new Vue() 在A页面点击按钮后执行 <b
阅读全文
摘要：方法一： 1. window+x 选择点击Windw.powerShell(管理员A)， 2.在弹出管理员终端中，执行 set-ExecutionPolicy RemoteSigned 3.选择Y 4.在vscode中执行yarn 命令启动项目 方法二： 1.window+R 打开输入：powers
阅读全文
摘要：html代码: <!-- 弹出框 --> <el-dialog title="选择参与人" :visible.sync="dialogCreateFormVisibleTDCY" width="40%" :before-close="handleClose" :close-on-click-moda
阅读全文
摘要：1.新建文件夹 查看node 和 npm 是否安装 node -v npm -v 2. 创建文件夹(即项目名称 mooktest ) ,在命令行 查看npm 是否存在 npm view mooktest ,如何返回404说明npm 官网不存在,你可以使用这个名字 3. 使用vue-cli搭建项目框架
阅读全文
摘要：go(-1): 原页面表单中的内容会丢失； this.$router.go(-1)：后退+刷新； this.$router.go(0)：刷新； this.$router.go(1) ：前进 back(): 原页表表单中的内容会保留； this.$router.back():后退 ； this.$ro
阅读全文
