vue小技巧第12页

Vue前端框架选型论证

Model：负责保存应用数据，与后端数据进行同步Controller：负责业务逻辑，根据用户行为对Model数据进行修改View：负责视图展示，将model中的数据可视化出来。但是，但是前端MVC也存在一些严重的问题：model和view的数据交互，非常的混乱，而且维护起来非常麻烦。这就是灵活开发带来的后遗症。拿backbone举个例子，backbone将Model的set和on方法暴露出来，方便

2401_84434086·2024-09-04 06:40

前端框架的演变与选择

2.前端框架的演变2.1早期的Web开发2.2JavaScript库的兴起2.3MVC架构的引入3.现代前端框架概览3.1React3.2Vue.js3.3Angular4.其他值得关注的前端框架4.1Svelte4.2Ember.js5

宣晨光·2024-09-04 06:39

vue+element-ui 实现table单元格点击编辑，并且按上下左右键单元格之间切换

通过我的测试我发现两个两种方法来编辑单元格的内容第一种点击编辑：我是给td里添加一个input，将值赋值给input，当失去焦点的时候将input的值付给td原来的内容，然后将input删除，代码如下：letoldel=cell.children[0]if(column.label!="日期"){if(cell.children.length>1){return}防止点击cell再次创建input

weixin_34238633·2024-09-04 04:55

Cannot read properties of undefined (reading ‘_android’)

记录：问题Cannotreadpropertiesofundefined(reading‘_android’)vue3+ts使用qrcodejs2插件生成二维码报错Cannotreadpropertiesofundefined

久违的小技巧·2024-09-04 03:23

Vue2路由守卫：解决路由传参页面刷新后参数消失的问题

这里就涉及到1）新建表单，跳转至新页面（点击的表单不同，打开的页面不同）->动态路由2）从跳转前的页面向新页面传递参数->路由中的参数传递动态路由在Vue中，动态路由是指根据特定的路径参数来动态加载路由组件

我是飞鸟呀·2024-09-04 03:21

根据地址获取经纬度

1：安装依赖与引入调用腾讯地图api前需要先去注册并申请key在vue项目中的/public文件夹中的index.html的head中写入安装lodash：npminstall--savelodash安装

牧杉-惊蛰·2024-09-04 02:45

vue项目vant下拉刷新，上拉加载，实现切换Tab页面数据下拉加载更多（分页）

1、html结构//原本这里我是写在上面的van-tab里面嵌套的，结果调用接口的时候会有bug(切换tab时接口的分页数据total为20条，结果渲染30条出来)所展示的内容2、data参数data(){return{pageNo:1,pageSize:10,loading:false,finished:false,active:'',listName:["Tab","所展示","的","内容"

番茄小酱001·2024-09-04 02:14

鞋柜被塞满，好多鞋没处放，鞋柜层板不能动，要怎么办才好

既然问题出现了，那我们就来改造一下，用小技巧让储物空间容量翻倍吧。单层变2层的秘密当

收了纳个Queen·2024-09-04 02:19

微信小程序全局共享数据 Mobx 在页面及组件上使用

一前言在小程序中，常常有些数据需要在几个页面或组件中共享，对于这样的数据，在web开发中，有些朋友使用过redux、vuex之类的状态管理框架。在小程序开发中，也有不少朋友喜欢用MobX。

尚梦·2024-09-04 02:43

文件切片上传-仅学习记录

二、前期博客浏览参考：本文链接：文件分片上传【前端】_分片上传原理-CSDN博客本文链接：前端大文件切片上传，断点续传、秒传等解决方案，vue中使用实例，react同理_前端文件切片_刘伟坤的博客-CSDN

qq_41562817·2024-09-04 00:04

vue , 微信小程序 , uni-app绑定变量属性

在Vue、微信小程序和uni-app中，绑定变量属性是常见的需求，用于实现数据的动态展示和交互。这些框架或平台都提供了各自的方式来绑定变量属性。下面分别介绍它们如何做到这一点。

小鼠米奇·2024-09-04 00:01

SprinBoot+Vue在线商城微信小程序的设计与实现

目录1项目介绍2项目截图3核心代码3.1Controller3.2Service3.3Dao3.4application.yml3.5SpringbootApplication3.5Vue3.6uniapp

赵广陆·2024-09-03 23:00

鸿蒙 ArkTS声明式 UI 语法

然而，需要注意的是，ArkTS和ArkUI的声明式UI语法是特定于鸿蒙系统的，与Web开发中使用的React、Vue等框架的语法有所不同。

读心悦·2024-09-03 23:28

http常用缓存策略及vue-cli单页面应用、服务器端(nginx)如何设置缓存或者禁用

问题描述vue项目打包上线之后，每一次都会有浏览器缓存问题，需要手动的清除缓存。这样用户体验非常不好，所以我们在打包部署的时候需要尽量避免浏览器的缓存。

前端李小白·2024-09-03 22:55

vue项目使用艺术字体

目录1、下载免费字体2、字体下载完成之后，这些字体不能直接使用，需要进行转换格式3、将woff文件放在static静态资源文件夹里面4、在公共样式的css文件中引入该字体（公共样式的文件要在main.js引入）5、使用方法1、下载免费字体这些是我找的一些下载字体的网站（有些事需要收费的）字体天下软件站字谷网有字库2、字体下载完成之后，这些字体不能直接使用，需要进行转换格式转换格式（转换为.woff

煮豆燃豆萁~·2024-09-03 22:21

Vue中自动批量注册组件

使用require提供的函数context加载某一个目录下的所有.vue后缀的文件。

吴晓博·2024-09-03 22:51

Vue瀑布流布局

虽然会写js的瀑布流布局，但是在Vue框架下使用，还是要稍作修改，毕竟要减少DOM操作。

薛文诚·2024-09-03 22:20

vue 批量自动引入并注册组件或路由

有时候有大量的组件.vue后缀的,或.js,或.ts文件,需要一个个的手动引入很麻烦,那么你可以尝试这样创建一个index.js本项目使用vue3.x,vue2.x也可以照样用;这里在components

yang295242361·2024-09-03 22:19

瀑布流布局 vue

步骤2：Vue组件接下来，创建一个Vue组件来处理瀑布流逻辑。exportdefault{data(){return{items:[//示例数据{src:'image

爱猪头的程序猿·2024-09-03 22:49

vue3 Bate setup属性介绍

对于vue3，在上篇做了一个简单基本的介绍，没有观看的可以点击：vue3简单了解，vue3的好处就不多说了，此篇是介绍vue3一些基本的属性和组件用途。

whhh·2024-09-03 21:11

vue2开发心得

computed中的属性是响应式的，这意味着当它们的依赖项发生变化时，Vue将自动更新依赖于这些计算属性的任何DOM。2.Object.assign()函数Object.assign()函数用于

Albert.H.Holmes·2024-09-03 20:11

Vue路由—进阶篇

文章目录路由守卫1、路由全局守卫全局前置守卫：全局后置守卫：2、路由独享守卫3、组件内部守卫组件前置守卫：组件更新守卫：组件离开守卫：路由元信息路由组件过渡特效本篇内容讲述了更多关于Vue路由这方面的知识点

扼流挽·2024-09-03 19:32

Vue指令系统

文章目录一、v-bind二、v-on事件对象事件修饰符三、v-if四、v-show五、v-forv-for和v-if的注意事项一、v-bind标签属性绑定指令，用来动态控制属性值v-bind指令可以为某个属性绑定上一个动态值，也可以直接绑定一个对象，这个对象的属性会成为标签的属性，值就是属性值。v-bind还可以简写，一般都是采用这种写法（把v-bind去掉，直接写个冒号就行了）二、v-on事件绑

扼流挽·2024-09-03 19:01

VUE之旅—day2

文章目录Vue生命周期和生命周期的四个阶段created应用—新闻列表渲染mounted应用—进入页面搜索框就获得焦点账单统计（Echarts可视化图表渲染）Vue生命周期和生命周期的四个阶段思考：什么时候可以发送初始化渲染请求

今日上上签-·2024-09-03 19:01

vue脚手架的创建

一、安装node环境切换阿里云镜像npmconfigsetregistryhttps://registry.npm.taobao.org2、全局安装vue-cli和webpack已经安装过node.js

熟悉的新风景·2024-09-03 19:00

解锁 Vue3 新技能：Transition和TransitionGroup 的奇妙世界

一、Transition1、简介Transition是Vue的一个内置组件，用于制作基于元素状态变化的动画效果，无需注册即可在任意组件实例中使用。

努力的小朱同学·2024-09-03 18:55

Bus通信

Bus通信在组件之外定义一个bus.js作为组件间通信的桥梁，适用于比较小型不需要vuex又需要兄弟组件通信在untils文件夹创建bus.jsimportmittfrom'mitt'exportconstemitter

前端小菜鸟也有人起·2024-09-03 18:55

Vue-生命周期钩子

Vue.js的生命周期钩子是指在Vue实例的不同阶段会被调用的一组函数。这些钩子函数允许你在特定的生命周期阶段执行自定义的代码。

好哈优学编程·2024-09-03 17:24

VUE纯前端导出excel表格功能

插件：使用vue-json-excel插件实现Vue纯前端导出简单的Excel表格功能。

KAGHQ·2024-09-03 17:53

alias和redirect的区别

1redirect：重定向{path:'/home',name:'home',component:()=>import('@/components/a.vue'),redirect:'/index'//

qq_41068783·2024-09-03 17:52

keep-alive动态缓存配置

vue项目中，列表进入详情返回列表需要缓存；但是点击菜单又不需要缓存，所以需要结合keep-alive设置页面动态缓存keep-alive设置includes缓存数组import{computed,watch

qq_41068783·2024-09-03 17:21

$listeners在vue3中使用

vue2中使用$attrs从父组件传递数据给子组件嵌套组件，父组件通过通过$listeners监听子组件的事件vue3把把$attrs和$listeners统一合并到$attrs中代码示例：File组件

qq_41068783·2024-09-03 17:51

ElementUI、sass、若依后台管理系统踩坑 --＞项目打包后字体图标偶发性乱码

文章目录一、我遇到的问题二、问题分析三、如何解决1.node-sass2.升级sass、配置vue.config.js一、我遇到的问题公司希望快速搭建一个后台管理系统，技术选型后决定使用若依后台管理系统的前后端分离版

YZiAngel·2024-09-03 17:51

vue+elementui+mybatis-plus实现分页

前端：-->{{scope.row.id}}{{scope.row.username}}{{scope.row.rolename}}权限修改封停账号//下面这个组件是页数的组件constaxios=require('axios');exportdefault{data(){return{tableData:[],currentPage:1,pageSize:9,total:null}},creat

一抹清风似少年·2024-09-03 16:49

Vuex：全面指南及使用示例

学习Vuex：全面指南及使用示例Vuex是一个专为Vue.js应用设计的状态管理库。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。

程序员小徐同学·2024-09-03 16:48

结合Vue与Mybatis-plus优雅的设计分页展示

分页技术组件的实现与前端显示在这个示例中，我们将结合Vue.js前端代码、请求处理逻辑、以及后端Java代码，实现分页功能。

程序员小徐同学·2024-09-03 16:15

taro+vue微信小程序文本换行

文本换行在微信小程序中br是不管用的无法识别解决方法：使用\n例子：文本换行{{br}}文本换行文本换行文本换行文本换行文本换行文本换行文本换行文本换行exportdefault{data(){return{br:"\n",};},},

杨关古道·2024-09-03 15:07

点击旋转箭头样式

实现效果：html界面，主要通过isdown来控制箭头是上还是下退出登录import{ref}from'vue'constisdown=ref(false)return{isdown}scss.user

aleluye·2024-09-03 15:05

vue中css使用变量

1、在css中使用变量1、css中声明变量--color：red2、使用变量color:var(--color)//color:red获取到全局声明变量值为red2、使用vue中的变量1、再htm标签中

aleluye·2024-09-03 15:05

vue nuxt scss node express MongoDB 实现的简单文章发布系统

mynuxt是一个文章增删改查系统因为目前的spa单页项目对seo很不友好，如果你希望自己的网站在seo这块有较好的支持，可以尝试一下SSR技术，nuxt.js就是专门针对vue这一问题实现的技术，因此这一次我就尝试写了一个项目

qq_36320160·2024-09-03 14:29

nuxt3连接mongodb操作

在Nuxt3中连接MongoDB并进行操作，你可以使用nuxtServerInit生命周期钩子来初始化数据库连接，并在组件中使用Vue的setup函数来执行数据库操作。

Rverdoser·2024-09-03 13:26

Ruoyi-vue实现导出PDF

引入依赖com.itextpdfitextpdf${itextpdf.version}com.itextpdfitext-asian${itext.asian.version}工具类packagecom.ruoyi.common.utils.file;importcn.hutool.core.date.DateUtil;importcom.itextpdf.text.Element;importc

yu_zheng5163·2024-09-03 13:52

vue.js项目实战案例源码

技术栈：Vue.jsVueRouterVuexAxiosBootstrap主要功能实现：文章列表展示：使用Axios从后端API获取文章列表数据。在Vue组件中展示文章标题、摘要和发布日期等信息。

前端码趣逗士·2024-09-03 12:18

使用 Nginx 部署前端 Vue 项目：跨平台详细指南

它可以快速处理静态内容，同时支持负载均衡、反向代理等功能，非常适合部署前端应用，如Vue项目。二、准备工作：构建Vue项目在部署之前，首先需要将Vue项目进行打包构建，生成可部署的静态文件。

Hello.Reader·2024-09-03 11:14

课程37：Docker持久化部署（数据库、日志、配置文件）

前言本文是《.NetCore从零学习搭建权限管理系统》教程专栏的课程（点击链接，跳转到专栏主页，欢迎订阅，持续更新…）专栏介绍：以实战为线索，基于.Net7+REST+Vue、前后端分离，不依赖任何第三方框架

编程乐趣·2024-09-03 10:38

Vue项目的打包方式（生成dist文件）

如果咱是用vue-cli创建的项目，则项目目录中没有config文件夹，所以我们需要自建一个配置文件；在根目录src下创建文件vue.config.js，需注意文件名称必须是vue.config.js，

她说她一如既往的爱我·2024-09-03 09:26

vue 高德地图api爬坑之路（一）初始化

由于使用vue-amap插件有点问题，所以使用了原生高德地图api。

小C_cao·2024-09-03 08:53

vue 高德地图api爬坑之路（三）Autocomplete 和 PlaceSearch

添加页面控件搜索初始化插件编辑方法/**初始化搜索工具*/mapSearchInit(){letthat=this;//绑定自动提示AMap.plugin(['AMap.Autocomplete','AMap.PlaceSearch'],function(){varautoOptions={input:"tipInput",//值为界面上input空间idcity:'北京',}varautoCom