乐胖代购免代理版

vue路由传参的几种方式

本文详细介绍了Vue中通过name/params、path/query两种方式传递参数的方法，包括如何设置路由、如何传参、如何接收参数，并给出了实际的代码示例。特别强调了在使用name/params方式时，确保路径参数和字符串化的传参规则，以保持刷新后参数不丢失。一、通过name/params的方式传参路由的代码，此处最需要的两个参数就是path、name，其他的不重要。{ path:

JSON

字符串

Layout

原创精选 3月前 189 阅读

npm下载卡顿

npm下载最后会卡顿很长时间这几天在使用npm下载东西时会出现，快结束了，但是进度条就是卡在那，要等好久才能下载完解决办法换阿里云的源更换源：npm config set registry https://registry.npmmirror.com/查看源：npm config get registry换的是阿里云的源原因因为之前使用的是淘宝源，网上找了很多资料，有的说是因为淘宝要换源了所以卡。

淘宝源

进度条

原创 6月前 38 阅读

vue使用jsmind生成脑图

项目部分参数：vue：2.6.10node:16.20.01、使用命令行安装jsmindnpm i jsmind -S2、在文件中引入jsmind，并编写渲染jsmind的代码：<template>  <div id="jsmindContainer" ref="jsmindContainer"

a标签

数据

重启

置顶原创精选 2024-03-30 08:28:57 1107 阅读 1评论

Vue与React的区别

纠正Vue和React都不是编程语言，而是用于构建用户界面的JavaScript库或框架。VueVue.js，通常简称为Vue，是一个渐进式JavaScript框架，用于构建用户界面。之所以称为"渐进式"，是因为Vue的核心只关注视图层，但它也允许通过引入各种官方或第三方库来实现更为复杂的应用功能，如状态管理、路由等。Vue的设计目标是通过尽可能简单的API提供响应的数据绑定和组合的视图组件。它易

Vue

开发者

用户界面

原创 2024-03-29 14:07:34 25 阅读

mavon-editor内容生成目录

mavon-editor控件自带的目录功能不灵活，还影响整体样式，需要自己搞个目录使用一、 ref="mavonEditor"<mavon-editor :value="Content" :ishljs="true" :toolbarsFlag="false" :subfield="false" defaultOpen="preview" :externalLink="

html

加载

控件

原创 2024-02-23 10:29:54 184 阅读

Element ui文件下载

实现步骤设置移入后展示的标签，绑定点击事件 handleDownload(file),file 是文件的相关信息<span class="el-upload-list__item-actions" style="font-size: 16px; padding: 0 10px"> <span v-if="!disabled" class="el-upload

点击事件

下载文件

文件名

原创 2024-01-23 17:51:47 309 阅读

el-upload 上传文件的使用方式

需求使用element ui中el-upload组件实现文件上传功能，主要分为两种： 1. 通过action, url为服务器的地址 2. 通过http-request（覆盖默认的上传行为，可以自定义上传的实现）, 注意此时 on-success 和 on-error事件无法使用方法1： action （上传xls文件） <el-upload class="upload-demo

上传

上传文件

Data

置顶原创精选 2024-01-20 14:44:57 2001 阅读

Elementui中el-tree获取节点的选中、设置节点的选中

this.$refs.tree.getCheckedNodes()//返回的是数组，包含所有选中的节点，不只是叶子节点。this.$refs.tree.setCheckedKeys(ids)//传递的是叶子节点的id合集例子： /** * 节点被点击时的回调 * @param data - 传递给 data 属性的数组中该节点所对应的对象 */ nodeClick (data) { c

子节点

数组

单选

原创 2024-01-17 09:51:55 1752 阅读

使用v-html调用接口，富文本图片视频自适应大小

前端获取到后台数据，不做处理，图片或视频超出视图显示不全。处理// content 是富文本内容 <view v-if='content' v-html='replaceWhite(content)'></view>调用下面方法replaceWhite(html) { // 处理富文本默认图片，视频大小 let newContent = html.replace(/&

html

ide

富文本

原创 2024-01-16 08:48:12 525 阅读 1点赞

ElementUI表格合并单元格

element自带的属性 :span-method可以实现合并具有相同值的指定列 <el-table :data="tableData" border style="width: 100%" :span-method="objectSpanMethod" > 方法 this.ge

除错

i++

数据

原创 2024-01-14 23:22:40 217 阅读

ElementUI中使用tooltip

button添加属性disabled，造成el-tooltip失效当鼠标移入的时候，通过tootip显示提示内容，但是发现移入进去发现失效，并没有显示提示信息，示例代码如下：<el-tooltip content="Top center" placement="top"> <el-button disabled>Dark</el-button> </e

示例代码

嵌套

添加属性

原创 2024-01-13 14:36:01 334 阅读

vue前端处理Long类型丢失精度问题

查询Long类型的id数据时，返回客户端，浏览器会将json格式的字符串转化为js对象使用，Java数值类型数据对应js中的数据类型是number，因为Long类型的数字超过了js的数字处理范围，所以会出现精度丢失的问题。最近在开发中，碰到一个问题，关于数据库19位Long类型查询后，返回给前端后，精度丢失。1732596466118361091 => 1732596466118361000

json

ios

数据

原创 2024-01-12 08:35:20 2321 阅读

Elementui el-form表单中ref的用法

在 Element UI 的 el-form 组件中，ref 是用来获取对该表单组件的引用的属性。通过给 el-form 添加 ref 属性，你可以在 Vue 组件中通过引用来访问和操作这个表单组件，而不需要通过 DOM 查询或其他方式。使用 ref 属性可以在 Vue 组件的 JavaScript 部分直接访问 el-form 的实例，从而可以进行一系列操作，如表单验证、重置、获取表单数据等。以

表单

表单验证

Vue

置顶原创精选 2024-01-10 14:25:03 2470 阅读

vue使用keep-alive实现详情页进入列表页缓存，其他页面进入列表页不缓存

查询列表页面输入筛选条件或者改变页码，进入详情页后返回都会刷新页面，不保留内容，所以通过对keep-alive的配置可以实现对筛选条件以及页面的保存。1. 配置路由出口渲染组件在App.vue文件进行以下配置// <keep-alive v-if="isRouterAlive"> <router-view class="avue-view" v-if="$route.

App

刷新页面

原创 2023-12-02 09:38:21 602 阅读 1点赞

ElementUI的Dialog弹窗实现拖拽移动功能

在项目中使用el-dialog中发现不能够拖拽移动，因此网上找了相关资料，使用自定义指令实现拖拽功能。1、创建自定义指令：新建文件directive/el-drag-dialog/index.jsimport drag from "./drag"; const install = function (Vue) { Vue.directive("el-drag-dialog", drag);

自定义指令

Vue

css

原创 2023-11-15 17:45:53 501 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

北群的博客