彭世瑜的博客_Vue

一键复制：基于vue实现的tab切换效果

需求：顶部栏有切换功能，内容区域随顶部切换而变化。

vue.js

javascript

前端

在线预览

App

原创 3月前 41 阅读

ElementUI自定义主题

文档： https://element.eleme.io/#/zh-CN/component/custom-themeelement-variables.scssmain.js

elementui

vue.js

前端

Vue

ico

原创 5月前 59 阅读

Vue打包问题汇总：legacy、runtime.js

解决办法是添加兼容的浏览器。

vue.js

javascript

前端

html

json

原创 5月前 272 阅读

测试数据: 在线MP4和图片url地址

收集整理一些开发中用到的测试数据。

testlink

测试数据

原创 6月前 193 阅读

uniapp：H5打包部署到github后文件`_plugin-vue_export-helper`访问不到

uniapp H5打包部署到github后，下划线开头的一个文件。需要修改配置 vite.config.js。访问不到，网络请求显示404。

uni-app

github

vue.js

原创 2023-07-16 07:43:39 2586 阅读

uniapp：tabBar配置后不显示的问题

tabBar.list 数组的第一项必须和pages配置中的第一项要相同。uniapp的tabBar配置后不显示。

uni-app

原创 2023-07-16 07:43:29 3073 阅读

uniapp：二级目录部署H5静态图片资源请求路径不对

其实最后解决的方式也很简单，使用相对当前目录的方式。开发环境中没有问题，资源可以正常请求到。上

uni-app

Image

二级

当前目录

原创 2023-07-16 07:42:33 2441 阅读

js：Vue2和Vue3的自定义指令变化

Vue2和Vue3的自定义指令变化很大，需要特别注意。

javascript

vue.js

前端

父节点

html

原创 2023-07-16 00:02:24 1809 阅读

Vue：Vue3中的data数据对象获取真实值而不是Proxy代理对象

如果想获取到原始的Object对象，而非Proxy代理对象，可以使用如下方式。toRaw()：根据一个 V

vue.js

javascript

前端

JSON

字符串

原创 2023-07-16 00:02:22 2038 阅读

css：鼠标经过el-dropdown 组件上会出现一个蓝色的小框

效果如下，原以为是浏览器的bug，升级后就好了，没想到一直有这个问题。浏览器默认有一个色的小框。知道原因之后，就好处理了。页面刷新后，鼠标经过。

css

前端

下拉菜单

原创 2023-07-16 00:01:40 386 阅读

使用VuePress生成静态网站并部署到github

VuePress是一个基于Vue驱动的静态config.js。

github

ubuntu

linux

自动部署

json

原创 2023-07-01 00:05:37 194 阅读

js：使用vue-codemirror实现一个语法高亮的网页代码编辑器

译文：@vuejs的codemirror代码编辑器组件。完整依赖 package.json。封装一个自定义的编辑器。

javascript

vue.js

编辑器

json

ci

原创 2023-06-25 10:42:15 1262 阅读

PHP学习笔记：Laravel获取提交的原始数据

(目录) 测试环境 composer.json { "require": { "php": "^8.0.2", "laravel/framework": "^9.19", } } 获取方式获取接口提交的原始数据 // 使用5.6之前的PHP，则ph

json

php

laravel

原创 2023-05-05 08:27:54 840 阅读 yyds干货盘点

Vue.js：Vue-Router动态路由从服务器接口获取路由数据

用户可以添加新的分类，分类和路由的显示方式一致，拥有和路由相同的逻辑，故而采用

vue.js

服务器

前端

数据

路由配置

原创 2023-04-02 09:35:04 2364 阅读

Vuejs：component动态组件的使用示例

component动态组件很适合在不同组件之间切换，相比。组件 ComponentA.vue。组件 ComponentB.vue。组件 ComponentC.vue。依赖 package.json。入口文件 main.js。

vue.js

javascript

前端

App

Vue

原创 2023-04-01 01:45:24 1351 阅读

Vue+TS/Typescript：Property does not exist on type ‘(() =＞ any) | ComputedOptions＜any＞‘

明明声明了menuButton对象的类型，也判断了为null的情况，还是提示

vue.js

typescript

javascript

解决方案

github

原创 2023-03-25 11:46:15 829 阅读

vue.js项目打包报错Error: You appear to be using a native ECMAScript module configuration file

【代码】vue.js项目打包报错Error: You appear to be using a native ECMAScript module configuration file。

ecmascript

vue.js

javascript

json

Babel

原创 2023-03-25 01:15:03 813 阅读

js: 监听键盘按键事件KeyboardEvent

【代码】js: 监听键盘按键事件KeyboardEvent。

javascript

前端

开发语言

html

代码示例

原创 2022-09-03 00:30:35 573 阅读

Vue2.js迁移到Vue3.js的API变化

Vue2.js迁移到Vue3.js的API变化，

javascript

vue.js

前端

html

原创 2022-08-28 01:02:26 1299 阅读

element-ui：el-autocomplete实现滚动触底翻页

element-ui的 el-autocomplete 组件支持远程搜索输入建议，不过不能翻页，只

ui

javascript

vue.js

搜索

数据

原创 2022-08-28 00:00:18 1893 阅读 1收藏

element-ui：el-autocomplete实现搜索结果多次点击不关闭弹框

标签的padding值去掉，以免点击触发到结果项外边，保证结果项将整行都覆盖住。通过

ui

javascript

前端

搜索

点击事件

原创 2022-08-27 00:39:36 1066 阅读

Vue2.js：v-click-outside自定义指令和vue-click-outside监听鼠标点击元素外部区域事件

文档v-click-outside 可以实现点击外部区域才触发事件实现代码

javascript

vue.js

前端

ide

事件监听

原创精选 2022-08-27 00:39:18 2298 阅读

Vue子孙三代的三级组件通信

1、首先是一个简单的示例三个文件app.vue # 自定义的业务，调用child在这里起到一个承上启下的桥梁功能代码...

数据

数据传递

封装

原创 2022-04-17 11:05:03 833 阅读

vColorPicker基于 Vue 的颜色选择器插件

主页：http://vue-color-picker.rxshc.com/Github：https://github.com/zuley/vue-color-picker很不错的插件，支持吸管拾取颜色安装$ npm install vcolorpicker -S使用在 main.js 文件中引入插件并注册# main.jsimport vcolorpicker from 'vc...

github

颜色值

原创 2022-04-17 11:04:23 1433 阅读

Vue：简单使用像引用jQuery一样引用Vue

代码示例<html><head><script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script><script src="https://cdn.bootcss....

jquery

css

html

其他

原创 2022-03-01 10:34:33 570 阅读

前端开发：vant在vue中的使用

1、安装# 安装 Vue Clinpm install -g @vue/cli# 创建一个项目vue create hello-world# 安装vant npm i vant -S# 完整写法：npm install vant --save# 安装插件 npm i babel-plugin-import -D# 完整写法： npm install babel-plugi...

安装插件

其他

原创 2022-03-01 10:28:19 441 阅读

Vue：从单页面到工程化项目

Vue模板语法，条件渲染，列表渲染vue-router vuexvue-cli用到的网站：https://cn.vuejs.org/v2/guide/https://cli.vuejs.org/zh/guide/https://www.bootcdn.cn/开发环境1、IDEwebstorm http://www.jetbrains.com/webstormvscode h...

git

数据

bash

其他

原创 2022-03-01 10:28:17 195 阅读

前端开发：axios在项目中的应用

用到的模块：Vue: https://cn.vuejs.org/v2/guide/Axios: http://www.axios-js.com/zh-cn/docs/vant: https://youzan.github.io/vant/#/zh-CN/intro可参考文章前端开发：axios在vue中的使用前端开发：vant在vue中的使用1、接口配置server/con...

ios

前端开发

拦截器

其他

原创 2022-03-01 10:28:16 164 阅读

Vue中父组件与子组件之间的通信

prop 父组件向子组件传递数据, 单向绑定$refs 父组件调用子组件里的属性和方法$e

数据

动态绑定

按钮点击事件

原创 2022-03-01 10:24:22 223 阅读

Vue 路由跳转新窗口打开页面

1、router-link<router-link :to='url' target='_blank></router-link>2、$routerlet router = this.$router.resolve( { path: <yourPath>, query: { 'ticket': '123456' ...

其他

原创 2022-03-01 10:22:18 1601 阅读

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

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

51CTO博客

彭世瑜的博客