吾爱源码
首页 > TAG信息列表 > vue
Vue生命周期区别详解
Vue生命周期区别详解
生命周期分类

vue每个组件都是独立的,每个组件都有一个属于它的生命周期,

从一个组件创建、数据初始化、挂载、更新、销毁,这就是一个组...

2021-08-05

Vue之监听方法案例详解
Vue之监听方法案例详解
vue中的监听方法

watch

注意
名字 你想监听哪个属性,就要和他起一样的名字
1.作用
用来监听vue实例中的数据变化

可以随时修改状态的变化...

2021-08-05

vue项目实现左滑删除功能(完整代码)
vue项目实现左滑删除功能(完整代码)
实现效果

代码如下
html


<template>
<div>
<div class="biggestBox">
<ul>
<!-- data-type=0 隐藏删除按钮 data-typ...

2021-05-27

Vue中父组件向子组件传递数据的几种方法
Vue中父组件向子组件传递数据的几种方法
最近在学习vue的源码,总结了几种vue中父子组件传递数据的方法。
1.props & event


父组件向子组件传递props数据,子组件通过触发事件向父...

2021-05-27

vue实现左右滑动效果实例代码
vue实现左右滑动效果实例代码
前言
个人实际开发中用到的效果问题总结出来便于自己以后开发查看调用,如果也适用其他人请随意拿走勿喷就行!
vue.js是现在流行的js框架之一,...

2021-05-27

vue移动端实现左滑编辑与删除的全过程
vue移动端实现左滑编辑与删除的全过程
前言
根据项目需要使用 Vue-touch 实现了一个vue移动端的左滑编辑和删除功能,废话不多说,先看效果图,然后上代码吧!

方法如下:
第一步:...

2021-05-27

学习Vue框架中必掌握的重点知识
学习Vue框架中必掌握的重点知识
一、什么是vue
vue是一套用于构建用户页面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视...

2021-04-11

浅谈Vue入门需掌握的知识
浅谈Vue入门需掌握的知识
Vue作为一款目前最流行的前端框架之一,是许多前端开发工程师的不二选择。最近我在前端岗位上也运用Vue实现了几款产品,那么今天来分享一下V...

2021-04-11

vue脚手架项目创建步骤详解
vue脚手架项目创建步骤详解
vue脚手架 —> vue.cli
快速的创建一个大型的功能齐全的vue项目模板(初始化项目)
土味解释:快速的创建一个空的vue项目
安装(全局安装)

全...

2021-03-08

Vue多选列表组件深入详解
Vue多选列表组件深入详解
多选列表 (Multi-Select) 是一种将所有选项列出,并允许用户利用 Ctrl/Shift 键进行多选的 UI 元素。这是一种常见的设计元素。有时候为了节...

2021-03-08

vue中axios封装使用的完整教程
vue中axios封装使用的完整教程
前言


如今,在项目中,普遍采用Axios库进行Http接口请求。它是基于promise的http库,可运行在浏览器端和node.js中。此外还有拦截请求和响...

2021-03-08

vue实现可移动的悬浮按钮
vue实现可移动的悬浮按钮
本文实例为大家分享了vue实现可随处移动悬浮按钮的具体代码,供大家参考,具体内容如下
1.html代码


<div
class="callback float"
@click...

2021-03-08

Vue ​v-model相关知识总结
Vue ​v-model相关知识总结
&#8203;v-model是Vue的一个指令,它提供了input和form数据之间或两个组件之间的双向数据绑定。
这在Vue开发中是一个简单的概念,但是v-model...

2021-02-03

聊聊vue 中的v-on参数问题
聊聊vue 中的v-on参数问题
vue中v-on:clock的使用
最近在学习vue.js框架。记下其中遇到的一些问题,以便以后查阅。
首先,这是一个页面(为了便于观察,将各个标签都一一...

2021-02-03

vue穿梭框实现上下移动
vue穿梭框实现上下移动
本文实例为大家分享了vue穿梭框实现上下移动的具体代码,供大家参考,具体内容如下
使用elementUI的树形组件 tree组件

功能需求:
1、左侧的...

2021-02-03

Vue 实例中使用$refs的注意事项
Vue 实例中使用$refs的注意事项
在开发过程中,经常会通过实例的vm.$refs(this.$refs)取得通过ref注册过的组件,并进行相应操作,但存在取不到元素的情况,其根本原因是因为...

2021-02-03

Vue如何实现验证码输入交互
Vue如何实现验证码输入交互
最近做一个H5的页面,里面有个输入验证码交互,就是移动端比较常见的那种验证码输入交互。就是那种,对,就是那种,一个数字一个下划线,移动端非常常见的那种验证码...

2020-12-09

vue中利用three.js实现全景图的完整示例
vue中利用three.js实现全景图的完整示例
粗暴一点,直接上代码:
第一步:
通过指令下载three.js


npm install three -S


第二步:


在组件中引用


import * as THREE from 'three'


第三步:
html部分...

2020-12-09

Vue 实现拨打电话操作
Vue 实现拨打电话操作
我就废话不多说了,大家还是直接看操作吧~

<p>联系电话:<a :href="'tel:' + item.phone" rel="external nofollow" >{{item.phone}}</a></p>

补充知识:vue移动项...

2020-11-21

html中创建并调用vue组件的几种方法汇总
html中创建并调用vue组件的几种方法汇总

作者:Echoyya

出处:https://www.cnblogs.com/echoyya/

最近在写项目的时候,总是遇到在html中使用vue.js的情况,且页面逻辑较多,之前的项目经验都是使用脚手...

2020-11-21

解决vue elementUI 使用el-select 时 change事件的触发问题
解决vue elementUI 使用el-select 时 change事件的触发问题
如下所示:


<el-select v-model="level" size="mini" placeholder="请选择" :change="selectChange()">
<el-option v-for="item in select" :key="item.value" :...

2020-11-21

Vue的Options用法说明
Vue的Options用法说明
el:挂载点
与$mount有替换关系


new Vue({
el: "#app"
});

new Vue({}).$mount('#app')


注:被你选为挂载点的那个元素,如果在index.html里那个元素里面本来就...

2020-08-16

在vue中封装方法以及多处引用该方法详解
在vue中封装方法以及多处引用该方法详解
步骤:
1.先建立一个文件,放你想封装的方法;然后导出;
部分代码:


注: 导出这个地方需要特别注意:如果是一个对象的话:export 对象;如果是一个函数的话:ex...

2020-08-16

解决vue axios跨域 Request Method: OPTIONS问题(预检请求)
解决vue axios跨域 Request Method: OPTIONS问题(预检请求)
我们在vue开发中用axios进行跨域请求时有时会遇到,同一个接口请求了两次,并且第一次都是options请求,然后才是post/get请求
如下图

options请求

get请求
为什么...

2020-08-16

浅谈vue项目,访问路径#号的问题
浅谈vue项目,访问路径#号的问题
刚入手vue,有好多的疑问,目前遇到的是vue项目启动之后,输入http://ip:port,我发现浏览器里面显示的地址栏竟然是http://ip:port/#/,这个”/#/“不知道是什么东西...

2020-08-16

返回顶部