Vue知识分享第5页

vue.config.js 配置

vue.config.js文件是VueCLI项目中的全局配置文件，它允许你以JavaScript的形式来配置构建选项，而不是通过命令行参数或者.vue-clirc的JSON格式。

你不讲 wood·2024-09-13 15:02

cross-plateform 跨平台应用程序-06-uni-app 介绍

whatuni-app是一个使用Vue.js开发所有前端应用的框架，开发者编写一次代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/京东

知识分享官·2024-09-13 14:29

iframe 双向实时通信

父：handleAdd()">按钮{{count}}import{onMounted,ref}from"vue";constcount=ref(0);consthandleAdd=()=>{count.value

徐同保·2024-09-13 12:45

Vue3 的 shallowRef 和 shallowReactive：优化性能

大家对Vue3的ref和reactive都很熟悉，那么对shallowRef和shallowReactive是否了解呢？

代码里的小猫咪·2024-09-13 12:43

uniapp微信小程序如何实现每个页面都可以点击右上角分享朋友圈和好友？

创建一个js文件里面如下importVuefrom'vue'exportdefault{computed:{},onShow(){//分享到朋友圈一定要在onShow中wx.showShareMenu(

爱吃玉米的螃蟹·2024-09-13 11:40

Vue预览word、excel、pdf

之前也有写过两篇预览pdf的，但好像还没写过预览word和excel的，但是这次的预览pdf和之前的三个又不一样！使用pdfobject预览pdf，

会说法语的猪·2024-09-13 11:09

uniapp实现下拉刷新

path":"pages/ces/index","style":{"navigationBarTitleText":"下拉刷新测试","enablePullDownRefresh":true}},}在.vue

十一吖i·2024-09-13 11:09

vue3.0+echarts 嵌套数据的饼图并有联动效果

想要实现的效果:1、默认选中外层的第一个。2、点击外层的饼图，里层的饼图实时变动。3、始终保持外层饼图有选中的状态效果如下：实现如下：1、数据结构letchartsArray=[{name:'外层1',value:2,selected:true,children:[{name:'内层1-1',value:3,},{name:'内层1-2',value:4,},{name:'内层1-3',value

hehe-呵呵·2024-09-13 10:08

vue+threeJS示例（001）: 不断翻转的立体箱体

作者：还是大剑师兰特，曾为美国某知名大学计算机专业研究生，现为国内GIS领域高级前端工程师，CSDN知名博主，深耕openlayers、leaflet、mapbox、cesium，canvas，echarts等技术开发，欢迎加微信（gis-dajianshi），一起交流。查看本专栏目录-本文是第001个示例文章目录一、示例效果图二、示例简介三、配置说明四、示例源代码（共88行）一、示例效果图二、示

还是大剑师兰特·2024-09-13 10:37

VUE在线预览word、pdf、excel等文档

url=(需要在线查看的文档地址)vue代码window.open('http://www.pfile.com.cn/api/profile/onlinePreview?

菜鸟程序猿、·2024-09-13 10:07

vue 预览 word_vue预览word

//将file转为bufferletfr=newFileReader();fr.readAsArrayBuffer(content.file);fr.addEventListener("loadend",(e)=>{console.log("loadend---->",e)letbuffer=e.target.result;this.docxRender(buffer);},false);}//"

2401_84437530·2024-09-13 10:05

uniapp对tabbar封装，简单好用

第一种，效果展示上代码，新建一个公用组件，tabbar.vue微信通讯录发现-->{{num}}发现我的exportdefault{name:"tabbar",data(){return{num:2,value

爱吃玉米的螃蟹·2024-09-13 10:34

周末写点东西都是很困难的

看了一下VueCLI，也看了看阮大神写的webpack教程。webpack是一直想详细掌握的工具，需要系统学。

焦糖大瓜子·2024-09-13 09:18

Vue3: Node安装下载

目录一.Node网站链接二.安装node三.查看node安装是否成功一.Node网站链接Node.js中文网(nodejs.cn)下载20.17.0文档（长期支持版本）二.安装node一直next三.查看node安装是否成功安装成功后cmd打开本机终端，输入node查看是否安装成功。

QGC二次开发·2024-09-13 09:28

vue对话框禁止后面页面滚动条滚动的解决方式

转载https://www.cnblogs.com/mxl123/p/11818125.htmlstopSrcoll(){varmo=function(e){e.preventDefault();};document.body.style.overflow='hidden';document.addEventListener("touchmove",mo,false);//禁止页面滑动},open

小橘碎碎记·2024-09-13 07:48

vue如何禁止弹窗后面的滚动条滚动？

methods:{//禁止滚动stop(){varmo=function(e){e.preventDefault();};document.body.style.overflow=‘hidden’;document.addEventListener(“touchmove”,mo,false);//禁止页面滑动},/取消滑动限制/move(){varmo=function(e){e.preventD

IT侠客行·2024-09-13 07:16

Vue使用query传参Boolean类型，刷新之后转换为String问题

做项目时发现第一次进入页面时传参是正常的Boolean类型，刷新之后变成了String，这是浏览器进行的一次强制转换；vue-router传参，不管是params形式还是query形式传参，在页面刷新后

codeMing_·2024-09-13 07:14

vue3点击出现弹窗后背景变暗且不可操作

文章目录实现vue3点击出现弹窗后背景变暗且不可操作一、手写遮罩层方法1.效果2.代码3.代码分析4.改进4.将背景遮罩层封装成组件使用二、quasar方法实现vue3点击出现弹窗后背景变暗且不可操作一

不知-_·2024-09-13 06:13

6 vue-cli初步

1.安装node.js下载安装node.js，一路默认安装即可，安装完毕，启动命令行，输入命令node-v，可以看到node.js的版本号image.png2.安装vue-cli使用npm（需要安装node

洋baby·2024-09-13 06:06

Node.js 、Yarn、npm、Vue、Vite、Webpack 前端一套流程

前端项目的搭建Vue、Vite、Webpack、Yarn、Node.js和npm的概念解释，以及它们之间的关系：Node.js：一个开源、跨平台的JavaScript运行时环境，可以让JavaScript

叫我DPT·2024-09-13 06:09

关于在vue2中使用el-tree的记录

此文章会持续更新在使用el-tree过程中应用到的功能...先看此效果：html：//自定义节点内容//此处if判断是让最后一个节点使用自定义的图标{{data.label}}({{data.children.length}}){{data.label}}data:[{label:'菏泽市',children:[{label:'东明县',children:[{label:'xxx1',},{lab

又写了一天BUG·2024-09-13 04:55

【前端UI框架】VUE ElementUI 离线文档可不联网打开

【前端UI框架】VUEElementUI离线文档可不联网打开Element-Theworld'smostpopularVueUIframeworkElement-Theworld'smostpopularVueUIframework

我是Superman丶·2024-09-13 04:24

2023.7.15 学习Vue3.x官方文档之异步组件 + ＜Suspense＞（通俗易懂的理解!）

定义一个正常的vue组件，我们用defineComponent({})，此处为选项式API。但随着Vue3成为默认版本，出现，使用组合式API编程时，不再显示使用这个API。

夏日友情天_·2024-09-13 04:54

vue3从精通到入门15：内置组件之Suspense

是一个内置组件，它允许你在组件加载时显示一个备用内容（fallbackcontent），直到组件真正渲染完成。这对于处理异步组件加载特别有用，可以提供更好的用户体验，防止用户看到未完成的界面或空白的加载状态。我们了解Suspense之前，先了解下什么是异步依赖和异步组件。异步依赖异步依赖通常指的是在组件加载或执行过程中需要异步获取的数据或功能。这些数据或功能可能来自网络请求、其他组件的异步加载，或

无名H·2024-09-13 04:50

用印象笔记打造自己的写作系统

随着通讯技术的发展，人们获取知识变得越来越容易，我们再也没有必要为了一本书，而特意跑到图书馆去借；也没有必要为了听某个讲座而去到现场；甚至，连知识分享也可以弄个直播。不是吗？

李小律·2024-09-13 04:08

vue项目在本地搭建时，npm install报错npm ERR! code E400

在npminstall运行的时候，总是出现400报错npmERR!codeE400npmERR!400BadRequest-GEThttps://registry.npmmirror.com/zrender/-/zrender-5.4.4.tgz（以上只展示了其中一种包安装时的400报错）尝试过更换多种npm源，都没有解决这个问题。最终，将项目中的package-lock.json删除，重新执行n

猪猡猪猡猪·2024-09-13 02:11

Vue2和vue3有哪些区别？

1.语法差异1.Vue2中，一个组件需要使用Vue.component方法进行注册，并使用exportdefault导出组件对象。

IT 前端张·2024-09-13 02:36

【Vue3】teleport 组件

使用场景：实现body全局下的弹出框teleport组件是一个传送门，使其div组件不受当前组件的限制，传送到body下。

卿卿qing·2024-09-13 01:05

EP6 同一组件通过传递不同属性展示不同效果

文件路径：E:/homework/uniappv3tswallpaper/pages/index/index.vue公告文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容每日推荐专题精选

京城五·2024-09-12 22:14

EP7 底部tab切换页面标签

文件路径：E:/homework/uniappv3tswallpaper/pages/classify/classify.vue.classify{padding:30rpx;display:grid;

京城五·2024-09-12 22:14

Vue框架运行 npm run dev 报错“ error in ./src/pages/login/index.vue”的解决

Vue框架运行npmrundev报错“errorin.

好家伙VCC·2024-09-12 20:00

Vue-Router/Vue组件

Vue-Router一、安装npminstallvue-router@3确保安装VueRouter的版本与你的Vue版本兼容。

_nut_·2024-09-12 19:57

vue进阶——整合富文本编辑器wangEditor

vue进阶——整合富文本编辑器wangEditor前言一、什么是wangEditor？

秋书一叶·2024-09-12 16:39

Vue获取new Date().getTime() 时间戳问题

今天在处理按钮显示的时候发现一个问题：vue通过newDate().getTime()获取时间戳返回的是13位数字，单位是毫秒；php后台time()获取的时间戳是10位数字，单位秒；所以在判断比较时需要将

qianer0_0·2024-09-12 16:38

从学习vue到uni-app的心得感悟

你是否想过，只用Vue.js这样一个简洁强大的框架，就能实现各种炫酷的功能和效果？你是否想过，只用uni-app这样一个神器，就能成为一个高手？

crazy_章鱼哥·2024-09-12 16:07

vue动态引入组件

Vue提供了defineAsyncComponent方法来实现此功能：import{defineAsyncComponent}from'vue'computed:

Gaochengxin·2024-09-12 16:19

基于java+SpringBoot+Vue的小徐影城管理系统设计与实现

开发语言:Java数据库:MySQL技术:SpringBoot+MyBatis工具:IDEA/Ecilpse、Navicat、Maven系统简介小徐影城管理系统是一款基于Java、SpringBoot和Vue.js

paterWang·2024-09-12 15:01

在 Vue 2 中使用 Axios 发起 POST 和 GET 请求

在Vue2应用中，Axios可以帮助我们轻松地与后端API进行通信。本文将介绍如何在Vue2项目中引入Axios，并使用它来发起POST和GET请求。

Jarvis Downey·2024-09-12 15:30

vue3，从vue2迁移更改总结

1.v-for中的Ref数组在Vue2中，在v-for里使用的refattribute会用ref数组填充相应的$refsproperty。当存在嵌套的v-for时，这种行为会变得不明确且效率低下。

梦里施·2024-09-12 13:51

基于java+ssm+vue毕业设计源码合集（1-100）源码+文档+调试+讲解

技术栈介绍：SSM（Spring、SpringMVC、MyBatis）框架搭配Vue前端框架是当前较为流行的项目开发技术栈。

小程序设计·2024-09-12 13:19

vue2(4)之scoped解决样式冲突/组件通信/非父子通信/ref和$refs/异步更新/.sync/事件总线/provide和inject

vue2一、学习目标1.组件的三大组成部分（结构/样式/逻辑）2.组件通信3.综合案例：小黑记事本（组件版）4.进阶语法二、scoped解决样式冲突**1.默认情况**：2.代码演示3.scoped原理

章小絮·2024-09-12 13:48

vscode .vue文件格式化配置

{"files.autoSave":"afterDelay","editor.renderControlCharacters":true,"workbench.iconTheme":"material-icon-theme","window.zoomLevel":0,"[html]":{"editor.defaultFormatter":"HookyQR.beautify"},"[javascri

yangdongnan·2024-09-12 12:40

vue项目外挂配置文件（js 和 json）

文章目录前言特别注意:一、外挂JS配置文件1.创建config.js2.导入config.js到index.html3.使用config.js中的变量二、外挂json配置文件1.准备工作2.配置vue.config.js3

不cong明的亚子·2024-09-12 11:36

vue前端性能优化之cdn的使用

优化原因项目中首页加载过慢，原因是js,css静态资源第一次加载的时间长vue.config.js'usestrict'......constcdn={js_cdn:['https://cdn.jsdelivr.net