随笔分类 - 前端
摘要：简介 序号1，是抓包的开关，红色表示正在监测，只要有网络请求发生，包就会被抓取到列到下方。再点击一下就会停止监测 序号2，清空抓包列表 序号3，过滤文件 序号4，可以打开左侧的搜索面板 序号5，必需要选中的，所有的抓包记录，保留请求日志，可以看到跳转前的请求，有的时候页面跳转了，之前的数据就清空了，
阅读全文
摘要：<template> <div> <el-table class = "table" :data="BlogList" style="width: 100%" :row-class-name="tableRowClassName" border stript > <el-table-column t
阅读全文
摘要：小程序与普通网页开发的区别 运行环境不同 网页运行在浏览器环境中 小程序运行在微信环境中 开发模式不同 网页的开发模式：浏览器 + 代码编辑器 小程序标准开发模式：申请小程序开发账号、安装小程序开发者工具、创建和配置小程序项目 API 不同 由于运行环境的不同，所以小程序中，无法调用 DOM 和 B
阅读全文
摘要：查询所有用户 <script lang = "ts" scoped> export default { data() { return { } }, methods: { getUserList(){ this.$http.get("user/userList").then((response)=>
阅读全文
摘要：进入控制台页面后，因为侧边栏的default-active属性，每次刷新都会显示hello页面 我们希望选中一个页面后，刷新时依然显示该页面 首先default-active指定一个路径 <template> <el-menu class="el-menu-vertical-demo" :defau
阅读全文
摘要：sass官网 参考1 参考2 案例地址 案例集成vite2 + vue3 + element plus + sass + ts vite项目中使用sass 安装sass npm install --save-dev sass 安装到开发依赖 配置vite.config.js export defau
阅读全文
摘要：使用图标 案例一 参考 官网 # 安装 npm install --save @element-plus/icons-vue 在某子组件中引入并注册为自己的组件，就可以使用图标了 <template> <div> <el-icon><Avatar /></el-icon> <el-icon><Unl
阅读全文
摘要：前言 实现需求 表单验证 防抖和节流 登录预验证 路由导航守卫 参考 路由导航守卫 官网 参考1 参考2 开发步骤 向后端发送post请求前需进行表单验证 <script lang="ts"> export default { data() { return { ruleForm: { name:
阅读全文
摘要：案例一 vue-cli + vue3 + sass 案例地址 参考 打开cmd vue create vuedemo 预设 构建完成 案例二 案例地址 nuxt构建vue项目，整合view-ui、ts、router、vuex、axios 打开cmd // 创建项目 npx create-nuxt-a
阅读全文
摘要：default # 1.引入vue、根组件app # 2.创建vue实例挂载到根组件 vue-cli + vue2 # 1.引入vue、根组件app # 2.创建vue实例挂载到根组件 # 3.全局配置 Vue.prototype.$http = axios # 4.挂载到根组件 new Vue({
阅读全文
摘要：前言 之前参考这篇博客实现的路由跳转，是侧边栏开启路由 但是在当前项目中，需先让用户登录注册才进入控制台页面，所以注册、登录页面也使用路由，我们不能让注册登录页面显示到控制台的显示区 解决方案：将路由出口放到根组件App.vue中，注册页面、登录页面、控制台页面作为二级组件，将其他组件作为三级组件引
阅读全文
摘要：案例地址 构建项目 集成sass 子组件切换 使用vite2构建vue3项目 npm init @vitejs/app cd demo01 npm install npm run dev 集成vue router cnpm install vue-router@next --save view目录下
阅读全文
摘要：前言 需求：实现柱状图、折线图、饼图、仪表盘 柱状图，参考 参考2 参考3 案例一 vue-cli4.x + vue3 + echarts5 案例地址 构建vue项目参考 安装开发依赖 npm install less npm install less-loader@5.0.0 安装echarts
阅读全文
摘要：前言 后端使用spring boot + mybatis plus 后端开发完成后部署到Linux服务器，前端请求数据 前端使用vite2 + vue3 + vuex + router + axios + element-ui + less + ts 前端开发完成后部署到Linux服务器 准备后端接
阅读全文
摘要：前言 demo为chnq/vue/vue/vue-demo 项目地址 初始化 参考这篇博客构建一个最简单的vue项目 启动项目后报错：errors and 0 warnings potentially fixable with the --fix option. 解决方案：配置项目根目录下的pack
阅读全文
摘要：前言 参考1 参考2 案例一 vue-cli + vue2导出pdf 案例地址 安装依赖 # 将页面html转换成图片 npm install --save html2canvas # 将图片生成pdf npm install jspdf --save 新建htmlToPdf.js import h
阅读全文
摘要：# nodejs安装：https://www.runoob.com/nodejs/nodejs-install-setup.html # 打开cmd命令行工具，验证node、npm是否安装成功 node -v npm -v # 查看npm全局的安装路径 npm config get prefix #
阅读全文
摘要：类型 指定类型 // 先指定类型，再赋值 let a: number; a = 123; // 指定类型后直接赋值 let b: String = 'hello'; // ts文件中直接指定值，ts会自动判断类型 let c = false; // 给函数的参数和返回值指定类型 function s
阅读全文
摘要：简介 vue-cli创建vue项目，整合vuex、vue-router、axios、element-ui 项目模板下载地址 创建项目 使用vue-cli创建项目，功能选择：Babel、Router、vuex、Linter/Formatter、使用配置文件 点击查看详细步骤 插件选择vue-cli-p
阅读全文
摘要：vue实例 vue2.x中创建vue实例，挂载到dom节点 点击查详情 <div id="vue_det"> <h1>site : {{site}}</h1> <h1>url : {{url}}</h1> <h1>{{details()}}</h1> </div> <script type="tex
阅读全文
浙公网安备 33010602011771号