随笔分类 -  Vue

1 2 3 下一页
Vue相关技术
Vue3.2 setup语法糖中组件的 name 属性如何定义
摘要：方案一： 增加一个脚本标签 <script lang="ts"> export default { name: 'Layout' } </script> 方案二： 使用插件unplugin-vue-define-options 方案三：（推荐） 使用插件vite-plugin-vue-setup-e 阅读全文
posted @ 2022-08-23 20:54 土豆哥 阅读(307) 评论(0) 推荐(0) 编辑
使用monorepo发布vue3组件库
摘要：安装pnpm npm install pnpm -g 初始化package.json pnpm init 新建配置文件 .npmrc 在根目录下新建.npmrc文件，并写入如下内容 shamefully-hoist = true ::: tip 注意 如果某些工具仅在根目录的node_modules 阅读全文
posted @ 2022-08-23 12:38 土豆哥 阅读(1645) 评论(0) 推荐(1) 编辑
vue2 visible.sync 属性用法
摘要：父组件给子组件传值： :visible="dialogVisible" //普通用法 :visible.sync="dialogVisible"//同步用法 子组件props接收： props: { visible: { type: Boolean, default: false }, } 核心： 阅读全文
posted @ 2022-01-26 10:14 土豆哥 阅读(2597) 评论(0) 推荐(0) 编辑
avue-plugin-map高德地图
摘要：avue的demo： https://gitee.com/smallweigit/avue-plugin-map 配置高德： <script type="text/javascript"> window._AMapSecurityConfig = { securityJsCode:'您申请的安全密钥 阅读全文
posted @ 2022-01-06 17:48 土豆哥 阅读(640) 评论(0) 推荐(0) 编辑
tdesign前端ui框架
摘要： 阅读全文
posted @ 2022-01-04 23:33 土豆哥 阅读(247) 评论(0) 推荐(0) 编辑
vue 自定义代码片段
摘要：vue代码片段 { "Vue Template":{ "prefix":"vueTemplate", "body":[ "<template>\n\t<div>\n\n\t</div>\n</template>\n\n", "<script lang=\"ts\">\nimport{Componen 阅读全文
posted @ 2021-12-14 22:34 土豆哥 阅读(214) 评论(0) 推荐(0) 编辑
vue 自动化部署之scp2
摘要：一.需求： 二.配置： 1.项目根目录下创建环境文件： 开发环境： //.env.dev VUE_APP_SERVER_ID=0 生产环境： .env.prod文件内容如下： //.env.prod VUE_APP_SERVER_ID=1 2.项目根目录下创建deploy文件夹 3.在此目录下创建： 阅读全文
posted @ 2021-12-13 20:01 土豆哥 阅读(877) 评论(0) 推荐(1) 编辑
node项目vue 自动化部署之pm2
摘要：一.安装git： 1.安装： yum install -y git 2.查看版本： git version 二.安装node： 方案一：(推荐) 安装Node.js版本管理器 （宝塔） 方案二： yum方式安装 yum install nodejs 安装后是老版本 方案三：wget yum inst 阅读全文
posted @ 2021-12-11 13:32 土豆哥 阅读(601) 评论(1) 推荐(0) 编辑
el-Transfer 穿梭框重写左右拖拽及排序组件
摘要：1.适用组件： 导入，注册组件，然后使用 <DragTransfer v-model="rightData" leftTitle="未选择字段" rightTitle="已选择字段" :props="transferProps" :data="data" ></DragTransfer> 参数解释： 阅读全文
posted @ 2021-11-02 09:15 土豆哥 阅读(2380) 评论(0) 推荐(0) 编辑
vue生产环境配置及优化
摘要：生产环境配置： 1.压缩代码： // 代码压缩uglifyjs-webpack-plugin 2.压缩js compression-webpack-plugin 3.压缩css compression-webpack-plugin 4.压缩图片 image-webpack-loader 5.去除co 阅读全文
posted @ 2021-10-28 00:53 土豆哥 阅读(372) 评论(0) 推荐(0) 编辑
chrome94+版本出现的跨域问题及解决方案
摘要：浏览器版本： 一.现象： 解决方案： 方案一：（已论证） 步骤1： 谷歌浏览器 打开 chrome://flags/#block-insecure-private-network-requests步骤2 ： 找到 Block insecure private network requests. 设置 阅读全文
posted @ 2021-10-10 13:44 土豆哥 阅读(17151) 评论(0) 推荐(0) 编辑
vue+axios 与spring boot EasyExcel实现后台导出excel并下载
摘要：一.后端： @Log("导出excel") @ApiOperation(value = "查询LawCaseCollectMain") @GetMapping(value = "/lawCaseCollectMain/download") public void download(HttpServl 阅读全文
posted @ 2021-09-22 18:14 土豆哥 阅读(881) 评论(1) 推荐(0) 编辑
vue 组件命名index.vue重名调试不进断点
摘要：一.问题： 遵守vue组件规范，vue的命名都是index.vue，但是当组件过多活着父子关系比较紧密，就会出问题。 二.解决方案： 在vue.config.js中配置调试： 1.configureWebpack节点下配置 devtool: process.env.NODE_ENV 'dev' ? 阅读全文
posted @ 2021-09-18 11:20 土豆哥 阅读(1552) 评论(0) 推荐(0) 编辑
vue 错误拦截
摘要：//系统错误捕获 const errorHandler = (error, vm) => { console.error('抛出全局异常'); request({ method: 'post', url: 'api/index/errorLogCollect', data: { k: getCook 阅读全文
posted @ 2021-08-13 19:50 土豆哥 阅读(978) 评论(0) 推荐(0) 编辑
axios 重新发起上次请求
摘要：axios 重新发起请求，一般用于重新发起请求 1.切换域名重试： const response = error.response const config = response.config config.baseURL = api_2 console.log('err', error) retu 阅读全文
posted @ 2021-08-12 18:45 土豆哥 阅读(2065) 评论(0) 推荐(1) 编辑
vue 滚动加载数据
摘要：核心方法： handleScroll: function () { var scrollTop = document.documentElement.scrollTop || document.body.scrollTop; var windowHeitht = document.documentE 阅读全文
posted @ 2021-08-11 16:58 土豆哥 阅读(319) 评论(0) 推荐(0) 编辑
el-scrollbar组件
摘要：props: { native: Boolean, // 是否使用本地，设为true则不会启用element-ui自定义的滚动条 wrapStyle: {}, // 包裹层自定义样式 wrapClass: {}, // 包裹层自定义样式类 viewClass: {}, // 可滚动部分自定义样式类 阅读全文
posted @ 2021-07-21 07:47 土豆哥 阅读(71) 评论(0) 推荐(0) 编辑
vue使用el-menu折叠时，导航文字不隐藏问题
摘要：原因：<el-menu>嵌套中出现了意料之外的<div>,而<el-menu>标签本身希望里面嵌套的是<el-menu-item>,<el-submenu>,<el-menu-item-group>其中之一 方案一：（推荐） 改样式 /*隐藏文字*/ .el-menu--collapse .el-s 阅读全文
posted @ 2021-06-28 08:16 土豆哥 阅读(1696) 评论(0) 推荐(0) 编辑
webpack搭建vue3教程-大纲篇
摘要：webpack搭建vue3教程-大纲篇 一.webpack搭建vue3教程-大纲篇 1.webpack搭建vue3教程-大纲篇 2.webpack搭建vue3教程-基础篇 3.webpack搭建vue3教程-高级篇 4.webpack搭建vue3教程-超级篇 一.webpack搭建vue3教程-基础 阅读全文
posted @ 2021-06-10 23:06 土豆哥 阅读(269) 评论(0) 推荐(0) 编辑
webpack搭建vue3教程-超级篇
摘要：webpack搭建vue3教程-超级篇 一.配置vue-router: 1.安装依赖： npm install vue-router@4 -S 2.配置router: src/router/index.js import { createRouter, createWebHistory } from 阅读全文
posted @ 2021-06-10 20:12 土豆哥 阅读(1183) 评论(0) 推荐(0) 编辑

1 2 3 下一页
点击右上角即可分享
微信分享提示