陆仁丶的博客

【代码】Vue3 渲染markdown内容且代码块高亮。

vue中使用jsx/tsx语法实现灵活组件

其中，presets 保存的就是预设信息，test 是保存预设起的别名，我们的preset.json 需要的就是 test 的值，所以preset.json 中的内容就是这样。preset.json 中是一个包含创建新项目所需预定义选项和插件的 JSON 对象，让用户无需在命令提示中选择它们，简称预设；对于以 . 开头的文件，改成 _ ，例如 .eslintrc.js ==》_eslintrc.js。交互式的告知vue create所需，是根据用户使用需求自定义设置的信息。

关于axios全局loading的封装博主已经发过一次了，这次是在其基础上增加了token的无感刷新。

npm发布自己的ui组件、业务组件

npm 简单搭建私服；

【代码】【无标题】

最近在做排队叫号系统，涉及到文字转语音播报，因此总结了几种前端文字转语音发声的方法。

vue3导航栏菜单搜索功能

【代码】vue采用screenfull全屏功能实现。

react 简单项目创建

【代码】前端生成uuid。

vue 自定义指令之防抖动函数

jenkins + nginx 前端自动化部署项目

vue3+elementui分页组件封装

moment.JS获取今天，下周一，下周末，下月初，下月末。

vue3中使用websocket

Pinia是vue3用来替代vuex的方案

axios 封装及全局loading实现

阉割版的动态菜单，data当中可以直接传路由数组，也可传递自己 构建的路由对象

vue 实现的动态组件 可根据type 来映射ui组件

【代码】好看的登录页（可在css文件中配置颜色渐变）

【代码】list转Tree和手动过滤TreeNode。

【代码】JS修改Css变量值。

vue3国际化多语言切换

当table 数据过多时 滚动加载

js下载页面的文本数据

采用input框实现

HTML部分 <div> <input type="file" class="file" multiple @change="fileChange" /> <el-button plain> <span style="vertical-align: mi

JS获取本机IP的工具类/** * 获取ip地址 */export function getUserIP(onNewIP) { // onNewIp - 回调函数 //兼容for firefox and chrome var myPeerConnection = window.RTCPeerConnection || window.mozRTCPeerConnection || window.webkitRTCPeerConnection; var pc = new myP

JSON文件转Tree结构export function parseJson (treeData) { let resultJsonArray = []; let data = treeData; let obj = parseObj(data) resultJsonArray.push.apply(resultJsonArray, obj); return resultJsonArray;}function getElement (key, value) {

从零搭建vue3.0项目框架与基本封装一、先卸载旧版本如果没有旧版本可直接跳过此步骤npm uninstall vue-cli -g二、安装Vue CLI 3npm install -g @vue/cli三、创建项目进入要创建项目的目录vue create name执行上述命令后，出现如下界面，选择配置，这里不选默认，选择自己配置根据自己的需求，选择相应的配置，这里按"a",全选，回车。这里选择3x,回车。这里问你是否使用class风格的组件语法，输入y，回车。这里

废话不多说直接上代码let newData=JSON.parse(JSON.stringify(this.data))

效果图废话不多说直接上代码1、:span-method=“objectSpanMethod” 在table属性中启用合并单元格方法 <el-table class="mytable" :data="drugDeptApplyDetailVOs" style="width: 100%;height: 600px;overflow: scroll" border @selecti

将同一个数组中的 相同字段值的数据归到一起组成新的数组废话不多说直接上代码let tempdata={}this.cartdata.forEach(str => { if (tempdata[str.applyOrg] != null) { tempdata[str.applyOrg].push(str) } else { let every = [] every.push(str)

vue实现锚点效果预览点击右侧导航栏，左侧表单会自动定位废话不多说直接上代码<template> <div> <el-row :gutter="20"> <!--表单--> <el-col :span="20" style="height: 800px;overflow: scroll" id="row"> <el-form :model="goodDeatil" :rules="

效果预览全局引入npm install ele-calendar组件使用<template> <div> <div style="width: 400px;height: 600px;margin: 30px auto;text-align:left;"> <el-input style="width: 300px;margin-bottom: 10px" placeholder="请选择日期"

废话不多说直接上代码前端页面调用<el-table :data="tableData" highlight-current-row style="width: 100%;margin-top: 30px; "> <el-table-column v-for="(item,index) in cols" :key="index" :label="item.label" :property="i

废话不多说直接上代码页面调用 <el-table :data="tableData|code(that)" :height="Height" border v-loading="loading" highlight-current-row :header-cell-style="{background:'#

一、下载vue-video-playernpm install vue-video-player --savenpm install videojs-contrib-hls --save二、在main.js文件引入import VideoPlayer from 'vue-video-player'require('video.js/dist/video-js.css')require('vue-video-player/src/custom-theme.css')Vue.use(VideoP