vue2双向绑定第23页

vue的简单认识

vue基于MVVM（Model-View-ViewModel）思想，实现数据的双向绑定，将编程的重点放在数据上。

机跃·2024-01-19 14:25

Vue3使用

1、列表实现详情修改vue3中无法使用slot-scope的问题vue2：上下对应，title是自己随便起的名字1、定义一个普通的插槽，可以用div，任何标签2、定义一个element列表里面插槽的标签

Best_Liu~·2024-01-19 13:47

vue2 element ui 修改table表格的背景颜色和悬浮颜色

需求：修改table背景为透明色，鼠标悬浮时字体为白色代码//修改表格字体>>>.el-tablebackground-color:transparentcolor#ffftheadcolor#fff//鼠标悬浮该行时的背景颜色>>>.el-table--enable-row-hover.el-table__bodytr:hover>tdbackground-color#409eff//修改表格背

禾苗种树·2024-01-19 12:49

vue2挂载全局方法/组件

Vue2挂载全局方法/组件思路全局类的功能一般都写在main.js页面；需求把自己写的方法挂载到全局，这样每个组件都能使用了，比如下载方法代码//common.js文件//通用下载方法exportfunctiondownload

禾苗种树·2024-01-19 12:44

vue2踩坑之项目：vue2+element实现前端导出

1.安装插件依赖[email protected]@2.0.52.单页面引入前端导出插件importFileSaverfrom"file-saver";import*asXLSXfrom"xlsx";//html返回//data//表格数据tableList:[],//js//初始化数据asyncgetTable(){this.loading=true;letres=a

意初·2024-01-19 11:30

vue2实现日历12个月平铺，显示工作日休息日

参考：https://blog.csdn.net/weixin_40292154/article/details/1253123681.组件DateCalendar.vue，sass改为less{{year}}年{{month+1}}月{{item}}{{item.day}}{{handleData(item.date)&&isCurrentMonth(item.date)?handleData(

谈蕾蕾·2024-01-19 10:19

vue3的创建及认识

creat-vuecreate-vue是Vue官方新的脚手架工具，底层切换到了vite（下一代前端工具链），为开发提供极速响应3、创建create-vue项目npminitvue@latest4、认识vue3首先熟悉一下vue2exportdefault

香香爱编程·2024-01-19 10:06

vue2项目当中容易遇到的常见问题。

在项目中遇到404.先检查自己的路径，检查反向代理，把“n/api”里面引号中的/删除接口报错400，先使用postman测试接口流通性，如果postman也是400，找后台，如果postman是好的情况下，检查是否post请求参数须拼接到url后，如果是吧接口封装此接口传参的data换成parmas。路由传参只适用于第一个页面到第二个页面的单一关系，来回跳的话使用存储。传参时如果在接口方法外已声

小舟423·2024-01-19 09:58

前端笔试题（一）

1.vue如何实现数据的双向绑定？

小舟423·2024-01-19 09:58

Vue2：解绑自定义事件

一、场景描述上一节，我们学习了，自定义事件绑定到组件上。现在，我们学习下，给组件解绑自定义事件的几种方法。首先，我们试想一下，这个功能的适用场景？一般同学都会想，解绑？那就注释掉代码就是了呗。这个办法也可以，但是，不好，因为每次都要修改代码。现在，我们实现通过按钮，从页面上给事件解绑。此时，我们就可以在后台管理系统上，对整个项目的组件进行事件管理。而无需更新代码。二、解绑自定义事件给Student

生产队队长·2024-01-19 09:47

Vue2：给组件绑定自定义事件

一、场景描述我们在页面开发中，难免要使用事件。在之前的学习中，我们学过@click、@keyup、@change等事件，这些是Vue自带的事件。它一般是用在原生的HTML元素上的。在组件上使用需要加native修饰比如：h1绑定一个click事件：你好input绑定一个keyup事件：在组件上绑定一个Vue原生事件：这一篇说的自定义事件，可以绑定到我们自己的Vue组件上。实现子组件给父组件传递数据

生产队队长·2024-01-19 09:17

Vue2：利用watch和localStorage存储数据案例

一、场景描述原本的代码中，我利用一个变量taskList来保存所有的待办事项。写好了对应的增删改查等操作。此时，我想利用localStorage来实现临时的存储，这样，刷新页面后，我的操作不会丢失！二、方案设计方案1直接在原来的增删改查等函数中，添加localStorage自带的setItem、getItem等方法，实现效果。方案2利用watch来监视taskList变量，然后，在watch中进行

生产队队长·2024-01-19 09:16

Vue2：用ref方式绑定自定义事件的注意事项

一、场景描述我们知道绑定自定义事件可以用ref方式实现。但是，这个方式，需要注意下，否则，实现不了我们的效果。需求是这样的，我们通过ref绑定的事件，来给App的data块中的变量赋值。二、绑定自定义事件基本写法：父组件App中methods函数：getStudentName(name,...params){console.log('App收到了学生名：',name,params)this.stu

生产队队长·2024-01-19 08:44

html 中video实现切换视频自动播放

需求vue2实现的网页中播放视频，主要代码如下：现在遇到的问题的，视频切换后要手动点击才能播放，是否可以实现切换视频后会自动播放不用手动点击解决办法增加autoplay属性就可以了。

ITKEY_·2024-01-19 08:42

Vue2 Echarts 3D饼图

npminstallecharts-Snpminstallecharts-gl-Simport*asechartsfrom"echarts";import"echarts-gl";import{getPie3D,getParametricEquation}from"./mychart.js";//工具类js，页面路径自己修改constcolor=["#3cd6b7","#fe9326","#124

钓了猫的鱼儿·2024-01-19 08:05

Vue2根据数据动态显示按钮并绑定方法

功能描述根据后端返回的按钮数据动态渲染页面，并根据后端返回数据中的方法名为每个按钮动态的绑定点击事件一、技术栈前端框架：vue2前端UI框架：AntDesignofVue（v1.7.8）二、核心this

狂飙的肥兔·2024-01-19 07:44

【Ant Design of Vue】自定义SVG图标的使用

一、需求由于AntDesignVue提供的Icon图标满足不了项目的需求（需求图标未提供），所以我们使用了自定义的SVG图标二、技术栈前端框架：vue2+VueCli前端UI框架：AntDesignofVue

狂飙的肥兔·2024-01-19 07:44

使用vue2写一个太极图，并且点击旋转

下面是我自己写的一个代码，命名有些不规范，大家不要介意。点击开始/停止旋转exportdefault{data(){return{rotationSpeed:1,//初始旋转速度rotationCount:0,//旋转次数isRotating:false,//是否正在旋转animationFrameId:null//用于保存requestAnimationFrame返回的ID};},compute

Mangcun_tutu·2024-01-19 06:35

vue初体验(一)

最近接手了一个后台数据管理系统，用的vue2.0，粗略谈一下感受。第一次接触vue，先在官网看教程和api，大概了解是个什么东东，心里大概有点底了，还是撸helloworld吧。

winterzy·2024-01-19 06:27

医院安全(不良)事件管理系统源码，PHP语言开发

技术架构：前后端分离，仓储模式开发语言：PHP开发工具：vscode前端框架：vue2+element后端框架：laravel8数据库：mysql5.7当前医院不良事件报告现状及困难l医院医患

淘源之家·2024-01-19 06:06

Vue2脚手架搭建+项目基础依赖安装

文章目录1.安装node.js2.安装vue-cli脚手架3.创建vue2项目4.安装基础依赖1.安装node.js可以参考这篇文章https://blog.csdn.net/weixin_43721000

什么都干的派森·2024-01-19 01:34

vue2中echarts的使用

在main.js中导入文件import*asechartsfrom'echarts';创建一个名为$echarts的全局变量Vue.prototype.$echarts=echarts模板exportdefault{name:'demo',mounted(){this.renderBarChart();},methods:{renderBarChart(){//获取柱状图容器constchartC

娃哈哈哈哈呀·2024-01-19 01:47

vue3 知识

vue3介绍Vue3的变化:1、vue3完全兼容vue2，但是vue3不建议用vue2的写法2、拥抱TypeScript，ts完全兼容js3、组合式API和配置项APIvue2是配置项apivue3组合式

糖果爱上我·2024-01-19 00:59

Vue3/Vue2实现文章内容中多个“关键词“标记高亮显示

一、实现效果下拉列表高亮展示关键词二、实现思路安装“vue-word-highlighter”，这是一个支持Vue3和Vue2，不过Vue2版本是通过vue-demi构建的三、案例代码package.json"vue-word-highlighter

在路上`·2024-01-18 23:37

Android DataBinding

DataBinding可以省去繁琐的findViewById()步骤，大量减少Activity内的代码，数据能够单向或双向绑定到layout文件中，有助于防止内存泄漏，而且能自动

孟芳芳·2024-01-18 21:31

vue2页面内跳转

vue2页面跳转问题相信大家在做一个系统的前端界面的时候，难免会遇到一些令人头疼的问题，比如页面的跳转。

迷失、淡忘、沉默·2024-01-18 20:52

vue3前端开发,生命周期函数的基础练习

下面先给大家看一个图片，帮助大家了解，vue3的生命周期函数，和旧版本vue2的生命周期函数，有什么变化。如图所示，vue3里面，把前面2个函数，混在了语法糖里面。我们只需要写一个setup就行了。

yrldjsbk·2024-01-18 20:37

vue2+webpack升级vue3+vite，报错Cannot read properties of null (reading ‘isCE‘)

正文开始前言问题分析解决总结前言系列文章：vue2+webpack升级vue3+vite，修改插件兼容性bug前面的文章主要是介绍，在升级初始阶段遇到的一些显而易见的兼容性问题和bug。

中二少年学编程·2024-01-18 20:03

15分钟学会Pinia

它也支持Vue2也支持devtools，当然它也是类型安全的，支持TypeScriptWhyshouldIusePin

聪明的竹子·2024-01-18 20:49

web蓝桥杯真题--4、购物车

本题需要在已提供的基础项目中，使用Vue2.x的知识，解决购物车商品管理过程中遇到的问题。

畏迁c·2024-01-18 19:52

高德地图开发+html2canvas地图截图--vue2

前言vue2保姆级的高德地图开发步骤，从npm引入到地图截图全过程，没有讲解，直接跟着cv就完事准备工作高德地图开发者注册官网网址：https://lbs.amap.com/因为我已经创建好了，而且这一步如果在公司

zzzbbb_·2024-01-18 16:56

Vue3 + vue-web-screen-shot 前端实现页面截图64编码转图片文件上传

(由于插件是Vue3编写的，所以只适用于Vue3的项目，如果是Vue2的项目，截图组件可以使用js-web-screen-shot)需要实现的效果如下：点击截图后弹窗消失，用户可随意在页面中截图等操作确认后在弹窗中显示截图列表

PinkM∞n7·2024-01-18 16:54

vue的html2canvas使用解读，完美避免可能会造成的问题

html2canvas插件我相信很多人都用过，在使用的时候有很多坑，文章最后我会附上完整的vue3版本的代码（其实跟vue2代码差别很小，改一改就能拿去用）关于vue把页面转换成图片导出（html2canvas

JianZhen✓·2024-01-18 16:19

vue2 -- 截图工具html2canvas

文章目录需求描述基础功能实现下载另存为本地图片功能需求描述可以将网页中的指定元素或整个页面截取为图片，以便保存或分享。基础功能实现在Vue中使用html2canvas实现1：安装html2canvas库。你可以使用npm安装，命令如下：npminstallhtml2canvas2：在需要使用html2canvas的Vue组件中，引入html2canvas库：importhtml2canvasfro

Kingsaj·2024-01-18 16:18

移动端vue2使用vue-pdf当前页面预览(优化为滑动翻页)

1.基于上次的优化处理,移动端进行点击翻页,感觉很怪,于是继续进行优化,改为滑动翻页2.使用:vue2-touch-events插件###main.js引入并注册importVue2TouchEventsfrom"vue2

 勿忘初心·2024-01-18 16:13

前端——框架——Vue

提示：本文只是从宏观角度简要地梳理一遍vue3，不至于说学得乱七八糟、一头雾水、不知南北，如果要上手写代码、撸细节，可以根据文中的关键词去查找资料简问简答：vue.js是指vue3还是vue2？

戏拈秃笔·2024-01-18 16:54

vue2上传图片image-conversion压缩

项目中涉及上传图片，如果大体积的一般都需要压缩，这里我使用image-conversion来压缩其实在npm中使用已经说得很明白了，我这里记录一下跟elementui上传组件配合使用1、安装image-conversionnpmiimage-conversion--save2、引入使用2.1、这里配合elementui的上传组件配合使用点击上传只能上传jpg/jpeg/png文件，且不超过30Mb

前端搬砖达人·2024-01-18 16:15

通过实现最简reactive，学习Vue3响应式核心

首先我们需要明白，Vue3与Vue2中响应式核心的不同，最最明显的区别就是：在v2中响应式处理采用Obj

S_G.·2024-01-18 15:10

VUE2+vuecli2+Element UI+ECharts项目demo

文章目录一、项目初始化初始化安装初始化项目运行项目自动打开浏览器修改路由模式hash改为history二、ElementUI配置全局安装在main.js中导入并使用三、在项目中使用CSS预处理器scss1.安装2.使用在.vue文件中的style标签里加上lang='scss'既可使用scss语法3.在build文件夹下的webpack.base.conf.js的module下rules里面添加配

_七七·2024-01-18 15:22

能说说跟vue2的区别吗？

一、Vue3介绍关于vue3的重构背景，尤大是这样说的：「Vue新版本的理念成型于2018年末，当时Vue2的代码库已经有两岁半了。

蓝斑.json (前端)·2024-01-18 14:51

Vue框架入门基础知识

基于MVVM(Model-View-ViewModel)思想，实现数据的双向绑定，将编程的关注点放在数据上好处低耦合：一个ViewModel可以绑定多个View可复用：可以放一些视图逻辑在ViewModel

今年不养猪只除草·2024-01-18 13:36

VUE 中的 v-for 和 v-if 是否可以共存

1、面试经提到这个问题，很多人肯定会脱口而出：1.Vue2中不可以2.Vue3中可以再往深问，可能少部分人会回答出：1.V

前端早间课·2024-01-18 12:45

vue2+webpack升级vue3+vite，在vue3组合式编程中使用vuex

正文开始场景一、从vue2到vue3组合式编程二、vue3中调用vuex总结场景我的项目是从vue2+webpack升级为vue3+vite，这种升级工作，其实最重要的不是如何快速准确地把原有vue2项目全部重构为

中二少年学编程·2024-01-18 11:49

vue2项目打包压缩处理

平常项目打包后，js等文件会体积大，这样用户访问会慢webpack优化–compression-webpack-plugin开启gzip1、安装compression-webpack-plugin这里我项目webpack版本是3.6.0，所以得安装低版本得compression-webpack-plugin，webpack版本高于这个得安装其他版本，不然会报错npminstallcompressi

前端搬砖达人·2024-01-18 11:47

vue2 省市区联动组件封装

在elementui中有级联选择器el-cascader，其实已经够用了，但是在实际需求中，发现el-cascader如果有三级，数据数组必须得三个才能完全展示，所以不符合实际需求,还是自定义封装吧需求：省市区联动数组，有多少个显示多少个这里使用elementui得el-select组件，思路是使用监听布局<el-selectref="selectAre

前端搬砖达人·2024-01-18 10:31

vue3中父子间的通信（双向绑定传递的参数）

一、.常用的父子通信（1）父传子父组件fatherPage.vue传递数据我是父组件fatherPageimportChildPagefrom"./components/ChildPage.vue";import{ref}from'vue';constdialogHctVisible=ref(true)子组件childPage.vue接收数据我是子组件ChildPageimport{defineP

℘团子এ·2024-01-18 09:21

【尚硅谷——使用脚手架】

具体步骤1.3模板项目的结构1.4其他说明1.4.1render函数1.4.2自定义配置1.4ref与props1.4.1ref1.4.2proprs1.5混入1.6插件1.7scoped样式【前端】尚硅谷Vue2

骑鱼过海的猫123·2024-01-18 09:34

【前端目录贴】

【前端】尚硅谷Vue2-Vue3全家桶笔记目录贴3.【前端】vue.js从入门到项目实战笔记

骑鱼过海的猫123·2024-01-18 09:32

Vue2所学总结

目录一、初始vue1、什么是Vue2、vue的特点二、Vue模板语法Vue模板语法主要有几种插值：指令：三、数据绑定（1）单向绑定(v-bind)（2）双向绑定(v-model)四、el与data的两种写法

娃哈哈哈哈呀·2024-01-18 08:58

表单数据传递及双向绑定

之前不理解为什么queryForm里面要塞进很多字段名，一开始也不知道有没有用就都塞进去，但是后面又发现了一些没需要塞字段也能使用的form表单。//表单查询queryParams:{pageNum:1,pageSize:10,name:null,id:"",projectName:"",//项目名称projectType:"",//项目类型projectLabel:"",//项目标签ownerU

LeeyyG·2024-01-18 08:53

推荐频道

vue2双向绑定