vue滑动窗口

Vue3快速上手（四）ref之基本类型响应式数据

一、ref之基本类型响应式数据1.1基本语法import{ref}from'vue'letx=ref('初始值')console.log('xxx-->',x.value);x为一个RefImpl对象，
一掬净土·2024-02-15 06:39

【Vue3.0实战逐步深入系列】基于axios+elementui实现一个动态可配置的投票功能

【千字长文，熬夜更新，原创不易，多多支持，感谢大家】前言小伙伴们大家好。前面文章我们引入了elementui组件库，对我们的投票功能做了一下简单的美化，在经过一番的折腾后终于我们的投票模块在保证了功能的情况下，也变得美观了两全其美。然而一次只能做一个主题的投票显得太过单调，并且投票主题都是定死的，如果想换其它主题就不得不修改源码了。今天我们在前面投票功能的基础上进行一个扩展：投票还是投票，但是要让
一笑程序猴·2024-02-15 05:35

vue实践局部组件需求-投票

vue实践局部组件需求-投票投票局部组件实践和组件之间的嵌套：1.搭建结构（html+css布局）2.在组件标签中拆分成多个局部组件3.删除第一步的搭建结构（html+css布局）代码4.在组件中调取渲染使用
公子清·2024-02-15 05:04

Vue 实现点击空白处隐藏某节点

手动监听判断啦啦啦showexportdefault{data(){return{visible:false,}},methods:{show(){document.addEventListener('click',this.hidePanel,false)},hide(){document.removeEventListener('click',this.hidePanel,false)},hi
微芒不朽·2024-02-15 05:25

Vue - 事件修饰( Event modifiers )

eg:添加事件修饰：#这里只监听一次eg:clickme结果是，先执行click方法，然后再跳转到这个google链接。clickme这里是先执行click方法，然后后面就不执行了，不会跳转到google网页。如果不想执行任何事情的话，也可以v-on:click.prevent=""。
廖马儿·2024-02-15 05:44

Angular、React、Vue三选一，前端工程师更青睐使用哪款框架？

现在前端三架马车Angular、React、Vue各有所长。
前端吴彦祖·2024-02-15 05:55

Module parse failed: Unexpected token (5:2) You may need an appropriate loader to hand

vueaxios版本引用报错Moduleparsefailed:Unexpectedtoken(5:2)Youmayneedanappropriateloadertohandlethisfiletype
良辰美景好时光·2024-02-15 05:22

vue_dev_tools工具下载安装打包

vue_dev_tools工具下载安装打包一、简介二、安装方式2.1.安装图文2.2.打包工具endl一、简介使用Vue时，在浏览器上安装VueDevtoolsVueDevtools是Vue官方发布的调试浏览器插件
良辰美景好时光·2024-02-15 05:52

vue【opensslErrorStack: [ ‘error:03000086:digital envelope routines::initialization error‘ ]】

vue【opensslErrorStack:['error:03000086:digitalenveloperoutines::initializationerror']】一、Vue项目启动报错如下解决方式
良辰美景好时光·2024-02-15 05:52

分布式文件系统 SpringBoot+FastDFS+Vue.js

分布式文件系统SpringBoot+FastDFS+Vue.js一、分布式文件系统1.1.文件系统1.2.什么是分布式文件系统1.3.分布式文件系统的出现1.3.主流的分布式文件系统1.4.分布式文件服务提供商
良辰美景好时光·2024-02-15 05:20

vue history 路由模式打包发布到服务器设置

要求描述页面访问地址首页：https://hello.haha.com/world用户中心：https://hello.haha.com/world/user路由设置路由配置js设置mode为history，这样会去掉#号和正常的路由地址一样exportdefaultnewRouter({mode:'history',routes:[{path:'/world',//注意路由的path需要和页面的
aimee66·2024-02-15 05:02

【Uniapp uni-app学习与快速上手——详细讲解】

Uniappuni-app学习与快速上手——详细讲解1.介绍2.Uni-app学习资源3.快速上手4.开始第一个项目5.调试和发布1.介绍Uni-app是一个使用Vue.js编写多端应用的前端框架。
程序员不想YY啊·2024-02-15 05:17

Vue中watch检测不到数据变化的情况解决

问题现象有一个判断语句，如果没有图像属性，则data[‘图像’]=[]data['图像'].push('照相机拍照的结果路径')，如图一所示图一，错误代码发生的事情是：在watch中无法检测到变化并且把数据打印在页面上的时候，发现数据完全没有变化，但是如果更改其他绑定的v-model数据，图片那块也会刷新出变化但是不操作别的就不行！添加图片属性之后，页面上的数据毫无变化解决为啥出现这种问题？受ES
Echo_前端·2024-02-15 04:42

基于Python淘宝酒类销售数据可视化系统设计与实现(Django框架) 研究背景与意义、国内外研究现状

博主介绍：黄菊华老师《Vue.js入门与商城开发实战》《微信小程序商城开发》图书作者，CSDN博客专家，在线教育专家，CSDN钻石讲师；专注大学生毕业设计教育和辅导。
黄菊华老师·2024-02-15 03:28

Vue2项目实战：尚品汇（三）商品详情界面、加入购物车成功界面、购物车界面

目录(一)详情页detail模块搭建1.搭建静态页面[1]静态页面搭建[2]配置路由+路由模块化2.获取详细商品信息[1]配置发送axios请求和detail仓库3.动态展示数据[1]三级商品目录展示[2]标题和价格的数据展示[3]商品平台售卖属性的展示和选择[4]实现购买商品数量的操作4.放大镜和小轮播图组件的操作[1]小轮播图组件[2]放大镜组件[3]小轮播图和放大镜组件的数据传输(二)加入购
DogEgg_001·2024-02-15 03:56

VueCLI核心知识综合案例TodoList

目录1拿到一个功能模块首先需要拆分组件：2使用组件实现静态页面的效果3分析数据保存在哪个组件4实现添加数据5实现复选框勾选6实现数据的删除7实现底部组件中数据的统计8实现勾选全部的小复选框来实现大复选框的勾选9实现勾选大复选框来实现所有的小复选框都被勾选10清空所有数据11实现案例中的数据存入本地存储12案例中使用自定义事件完成组件间的数据通信13案例中实现数据的编辑14实现数据进出的动画效果【分
是小蟹呀^·2024-02-15 03:24

VueCLI核心知识4：动画效果、过渡效果

1动画效果【代码】显示/隐藏可以指定name属性，也可以不指定，name属性在有多个动画的时候比较有用-->你好啊！exportdefault{name:'Test',data(){return{isShow:true}}}.hello{background-color:skyblue;color:red;padding:20px;}/*动画*/.v-enter-active{animation:
是小蟹呀^·2024-02-15 03:54

Vue之插槽slot

当需要让组件组合使用，混合父组件的内容与子组件的模板时，就会用到slot。这个过程叫做内容分发。其主要特点为：子组件不知道它的挂载点会有什么内容，挂载点的内容是由其父组件决定的。子组件有自己的模板。1.作用域首先需要了解一个概念：编译的作用域。父组件模板的内容是在父组件作用域内编译，子组件模板的内容是在子组件作用域内编译。slot分发的内容，作用域是在父组件上的。2.slot用法在子组件内使用元素
wenmingxing·2024-02-15 03:54

VueCLI核心知识3：全局事件总线、消息订阅与发布

这两种方式都可以实现任意两个组件之间的通信1全局事件总线1.安装全局事件总线importVuefrom'vue'importAppfrom'.
是小蟹呀^·2024-02-15 03:53

Vue自定义指令

需求2.语法3.代码示例三、自定义指令-v-loading指令的封装1.场景2.需求3.分析4.实现5.实现代码一、自定义指令1.指令介绍内置指令：v-html、v-if、v-bind、v-on…这都是Vue
duration～·2024-02-15 03:50

mac 安装vuecli报错

A>确认npm全局包安装路径1、查看全局包位置npmroot-gimage.png我的其它npm全局包安装路径都在/usr/local下面，而全局安装vue/cli时一直报错，而npminstall-g
一个记事本·2024-02-15 03:32

vue 实现多个可拖拽的element-ui Dialog

直接上代码//css.el-dialog__wrapper{overflow:hidden!important;pointer-events:none;}.sc-common-dialog.el-dialog{margin:0!important;pointer-events:auto;top:80px;left:calc(50%-490px);height:625px;box-shadow:0p
嘻哈章鱼小丸子·2024-02-15 02:38

Vue性能「十九」-- Vue常见优化方式 ***

事件及时销毁（否则会导致内存泄露）合理使用异步组件（import）合理使用缓存组件（keep-alive）合理使用异步渲染（$nextTick）data层级不要太深（导致深度监听时递归的次数比较多）使用vue-loader
loushumei·2024-02-15 02:06

vue 监听键盘回车事件

在每个展示页面的搜索新增回车搜索功能，之前登录页的时候也有做过，不过输入框就几个就直接在输入框加了监听事件，但是展示页面的搜索框是在有点多，一个个监听不太实际，现在来总结下两种方法方法一：keyup.enter使用：vue
七號7777·2024-02-15 01:46

Vue 2.0 + 结合elemnt ui 实现 列表导出

1.安装插件：npminstallvue-json-excel2.min.js中引入使用：importJsonExcelfrom'vue-json-excel'Vue.component('downloadExcel
龙猫小哥·2024-02-15 01:37

vue3结合openlayers，geoserver实现GIS一张图(WebGIS)

一.前言不知不觉一年又要过去了，接触开发也就是这几个月的事情，感觉时间过的真快，今天就是除夕了，祝各位新年快乐呀，话说回来，其实在接触学习WebGIS的过程中还是蛮迷茫的，自己虽然是地信的学生，对于地理方面还有有一些自己的理解，但平时专业课学习的就是arcgis空间分析，遥感图像处理，WebGIS的部分并不是太重视，可能是因为没有那么多时间，毕竟这需要扎实的前端技能，不是一朝一夕就可以说明白的，当
GIS小小白·2024-02-15 01:14

Vue 实现下载本地静态文件

下载完整的排版实例downloadDoc(){//创建一个标签consta=document.createElement('a');a.href='./documents/Sample-Paper-PRE-bundle.docx';a.download='Sample-Paper-PRE-bundle.docx';//障眼法藏起来a标签a.style.display='none';//将a标签追加
季布，·2024-02-15 01:11

vue下载静态文件

1.把对应的模板文件放入public/staic下2.调用方法：handleUpload(){leta=document.createElement('a');a.href=`/static/订单导入模板.xlsx`;a.download='测试表格.xlsx';a.click();},
weixin_52594927·2024-02-15 01:11

vue项目纯前端下载本地静态文件

一、下载本地文件1.把文件放在public文件夹下2.把a标签写在了方法里，href后是文件的路径（注意！！“process.env.BASE_URL”代表public）导入模板getDownload(){constanchor=document.createElement("a");anchor.href=`${process.env.BASE_URL}static/file/工价维护.xlsx
你离优秀差多少·2024-02-15 01:41

vue前端获取项目下的静态资源文件夹中的文件并下载

1.图片前端项目/public/static/image文件夹下，两张图片，因为不会经常改变所以做成静态资源从项目中获取这两张图片//require.context（检索目录、是否检索子文件、正则表达式匹配的）constrequireContext=require.context('../../../public/static/image/',false,/^\.\/.*$/)requireCon
我在学习呢·2024-02-15 01:40

vue 启动报错--request to https://registry.npm.taobao.org/vue-cli failed, reason: connect ECONNREFUSED 12

vue启动报错#requesttohttps://registry.npm.taobao.org/vue-clifailed,reason:connectECONNREFUSED127.0.0.1:1080
Tan.]der·2024-02-15 01:40

vue中本地文件下载

1.先把文件放在静态资源public中2.给标签添加点击事件下载模板3.页面中引入axiosimportaxiosfrom'axios';4.为了避免中文无法导出，将待导出文件名称改为英文“peoplecode.xls”，导出后的名称设置为中文名称“员工工号.xls”；download(){axios.get('file/peoplecode.xls',{//静态资源文件夹publicrespon
动感坤坤·2024-02-15 01:39

vuex仓库请求数据 请求到的数据然后再组件中获取数据

vuex仓库请求数据请求到的数据然后再组件中获取数据先是在vuex仓库当中写请求数据importVuefrom'vue'importVuexfrom'vuex'importaxiosfrom'axios'Vue.use
奈何夕（小艾）·2024-02-15 01:39

vue路由组件传参params组件传参下面是id传参本人亲测过成功啦

也就是路由组件里面编写这个代码//Anhighlightedblock{path:'/list/:id',name:'list',component:()=>import('@/views/List.vue
奈何夕（小艾）·2024-02-15 01:09

vant toast轻提示 看了之后立马就会的那种 零基础上手 vue2调用vant toast轻提示

vue2调用vanttoast轻提示首先在main.js导入我们的vant组件importVantfrom'vant';import'vant/lib/index.css';import{Toast}from'vant
奈何夕（小艾）·2024-02-15 01:09

vue纯前端实现下载excel模板

1.将Excel模板文件放置在`public`目录下。在`public`目录下创建一个名为`excel`的子目录，将Excel模板文件放置在该子目录下。public└──excel└──template.xlsx创建一个下载Excel模板的方法，该方法需要获取Excel模板的URL，并使用`XMLHttpRequest`对象向服务器发送请求，获取Excel模板的二进制数据。可以使用`blob`对象
彭于晏郑州分晏·2024-02-15 01:38

Vue错误跳坑：npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! [email protected] serve: `vue-cli-service serv

废话不说，直接解决：1、（别删除package.json，删除package-lock.json）2、重新安装：npminstall重新安装后package-lock.json文件会重新生成3、再次运行：npmrundev就成功了
钢铁小宝宝·2024-02-15 01:07

进入详情页，隐藏底部导航菜单

/views/Detail.vue'),meta:{hideNav:true,//是否隐藏底部导航}}然后我们在Ap
小刘先生很努力·2024-02-15 01:36

【前端】Vue项目：旅游App-（14）home+search：搜索按钮及其路由跳转、分组数据的网络请求request、数据存储store和动态显示

request、store显示数据分类的样式总代码修改或添加的文件common.cssrouter的index.jsservice的home.jsstore的home.jshome-categories.vuehome.vuesearch.vueApp.vue
karshey·2024-02-15 01:05

安装 Vue CLI 报错

报错npminstall-g@vue/clinpmERR!codeERR_TLS_CERT_ALTNAME_INVALIDnpmERR!
一棵大白杨·2024-02-15 01:35

vue2使用axios封装请求数据，教会你封装，简单易懂，轻松学会axios封装请求数据 看一眼就会 手把手教会

前端vue2中axios封装请求数据，教会你封装教会你请求数据简单易懂，轻松学会axios封装请求数据看一眼就会手把手教会1、在完成下面的步骤之前，先脚手架创建vue项目，然后再vue项目当中，首先先创建一个文件夹
奈何夕（小艾）·2024-02-15 01:30

解决stack FetchError: request to https://registry.npm.taobao.org/@vue%2fcli-plugin-vuex failed, reason

解决办法1.取消npm代理设置，执行命令npmconfigsetproxynullnpmconfigsethttps-proxynull
钢铁小宝宝·2024-02-15 01:29

vue-cli4前端实现下载本地Excel模板，以及下载静态文件的坑

a标签的下载功能：1：bobl----二进制流文件Blob对象标识一个不可变、原始数据的类文件对象。Blob表示的不一定是JavaScript原生格式的数据2：responseTyperesponseType它表示服务器响应的数据类型，由于后台返回来的是二进制数据，所以要把它设为‘blob’通过设置responseType为blob，可以直接拿到二进制文件转化为Blob，两种使用Blob实现文件下
牧杉-惊蛰·2024-02-15 01:29

Vue前端api封装（修改版）

看评论说用markdown，嗯。。被嫌弃了，我也觉得之前的排版好丑，重新写一次，顺便把put和delete方法加上一.在src目录下创建request文件夹，然后在里面新建http.js和api.js文件，http.js用于封装axios，api.js用来统一管理我们的接口。安装axiosnpmiaxios--savehttp.js//引入importaxiosfrom"axios"//环境axi
ai耳边的呢喃·2024-02-15 00:57

Equalize_排序_去重_双指针_滑动窗口_贪心

#includeusingnamespacestd;voidsolve(){intn;cin>>n;vectora;for(inti=0;i>x;a.push_back(x);}sort(a.begin(),a.end());a.erase(unique(a.begin(),a.end()),a.end());intans=0;intlen=a.size();for(inti=0,j=0;in)j
三冬四夏会不会有点漫长·2024-02-15 00:39

Vue打包优化

1、路由懒加载当打包构建应用时，Javascript包会变得非常大，影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件，这样就更加高效了。所以在router文件夹下index.js做如下配置{path:'/fourKey',meta:{requireAuth:true//配置此条，进入页面前判断是否需要登陆},component:resolve=>
O槑頭槑腦·2024-02-14 23:59

vue前移，后移

前移后移效果图.png首先第一个不可以前移，最后一个不可以后移前后list:[{id:1,data:111},{id:2,data:222},{id:3,data:333},{id:4,data:444},{id:5,data:555}]方法一moveUp(index){if(index>0){lettemp=this.list[index-1];this.list.splice(index-1,
Light_shallow·2024-02-14 23:25

WebSocket连接MQTT方案之阿里云及其它平台通解

下位机通过ESP8266连接云平台(oneNET)将数据传给WEB端(VUE写的)。于是问题就发生了。。。
Dream's·2024-02-14 23:58

在vscode中添加自定义代码段

文件--->首选项--->用户代码片段在输入框中输入vue，找到vue.json，然后在vue.json里面配置。
fc_coder·2024-02-14 23:03

vue 修改第三方样式库并不影响别的页面

vue修改第三方样式库并不影响别的页面1.需要场景当在vue中style标签有scoped属性时，它的CSS只作用于当前组件中的元素，防止样式的全局污染，尤其是在我们引用第三方库的，可能它们没有达到我们的要求
氨基钠·2024-02-14 23:27
上一页 38 39 40 41 42 43 44 45 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他