Vue.js

vue配置多代理服务接口地址操作

一、介绍随着微服务架构的流行,后台项目逐渐被拆分成不同的模块进行通信,但是前端还是只有一个项目所以在访问不同模块后台时,需要请求不同的地址,在vue项目中,通过配置代理可以进行后端服务器接口地址访问,当需要访问不同微服务的后端接口时就需要配置不同的地址。 »

全局安装 Vue cli3 和 继续使用 Vue-cli2.x操作

官方链接:https://cli.vuejs.org/zh/guide/installation.html 1.安装Vue cli3 关于旧版本 Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。 如果你已经全局安装了旧版本的 vue-cli(1.x 或 2.x),你需要先通过 npm uninstall vue-cli -g 或 yarn global remove vue-... »

vue全局使用axios的操作

查看vue插件那么难道我们要在每个文件都要来引用一次axios吗?解决方法有很多种:1.结合 vue-axios使用2.axios 改写为 Vue 的原型属性3.结合 Vuex的action1.结合 vue-axios使用看了vue-axios的源码,它是按照vue插件的方式去写的。 »

Vue自定义多选组件使用详解

本文实例为大家分享了Vue自定义多选组件使用的具体代码,供大家参考,具体内容如下 子组件(选项卡) checkBoxCard.vue <template> <div class="checkBoxCard"> <div :class="`box ${check && 'boxCheck'}`" @click="checked(), updateData... »

vue项目中微信登录的实现操作

1、下载组件 wxlogin npm install vue-wxlogin –save 2、引入组件,给组件传参 3、重定向的url应该是微信登录官网中的微信授权作用域 4、如果url里面有端口号,微信授权作用里面也要有 5、重定向的url:需要在http://tool.chinaz.com/tools/urlencode.aspx中转码 6、微信登录成功后,会自动重定向到新地址,此... »

vue 子组件和父组件传值的示例

一、子组件向父组件传值1:子组件中(例:)2:父组件中(例:)二、父组件向子组件传值1:父组件中(例:)2:子组件中(例:)以上就是vue 子组件和父组件传值的示例的详细内容,更多关于vue 子组件和父组件传值的资料请关注软件开发网其它相关文章! »

vue 使用lodash实现对象数组深拷贝操作

我就废话不多说了,大家还是直接看代码吧~ 如果本篇文章对你有帮助的话,很高兴能够帮助上你。希望能给大家一个参考,也希望大家多多支持软件开发网。 »

vue+高德地图实现地图搜索及点击定位操作

首先需要在index.html中引入高德地图的js链接,key需要换成你自己的key 最近有个需求是实现一个使用地图搜索定位的功能,在网上参考了下其他的文章,感觉不是很完善,自己整理了一下,可以实现点击定位,搜索列表定位等功能,可能有些地方是多余的,需要的自己看着改下 <script type=”text/javascript” src=”https://... »

vue中提示$index is not defined错误的解决方式

今天学习Vue中遇到了一个报错信息:$index is not defined,是我写了个for循环在HTML中,然后是因为版本的问题 下面是解决方法: 原来的是 v-for=”person in items” v-on:click=”deletePerson($index)”//这个仅仅适用于1.0版本,不要采坑了同学们 这个在Vue1.0版本中式... »

Vue中关闭弹窗组件时销毁并隐藏操作

背景:在dialog弹窗组件中执行mounted钩子,将数据初始化,等取消关闭弹窗后,发现mounted钩子不执行原因:在vue的生命周期中,在页面初始化的时候mounted只会执行一次,关闭弹窗页面并没有销毁,所以不会再次执行解决办法:就是隐藏dialog的时候要销毁这个dialog。 »

Vue循环中多个input绑定指定v-model实例

Vue.js中提供了v-model可以双向绑定表单元素,这个方法可以非常方便的获得输入的值,但是有时候表单元素需要循环生成,在循环中要怎样获得指定输入框的值呢 这里介绍两种: 一种是v-for中循环生成的输入框, 一种是在element-table中生成的输入框 在循环中只要给定的v-model不一致就可以为输入框分别绑定,在循环中index每一项都是不一样的,你也可以使用字符拼接的方式,设置v-... »

Vue实现简单的拖拽效果

本文实例为大家分享了Vue实现简单拖拽效果的具体代码,供大家参考,具体内容如下 自定义指令v-drag l 存在时 只能横向拖拽 t 存在时 只能纵向拖拽 lt都存在时 可以任意方向拖拽 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="view... »

vue实现折线图 可按时间查询

本文实例为大家分享了vue实现可按时间查询的折线图的具体代码,供大家参考,具体内容如下1.vue前端//查询条件 //折线图 折线图 2.对应script代码// 引入基本模板const echarts = require('echarts/lib/echarts')// 引入柱状图组件require('echarts/lib/chart/ba »

Vue实现手机计算器

本文实例为大家分享了Vue制作仿手机计算器的具体代码,供大家参考,具体内容如下 1.首先是把样式做出来,按钮是0-9,还有加减乘除,百分号,清除按钮,小数点,等号、等等 2.把官方网站的JS插件引用,cn.vuejs.org/v2/guide/ 页面视图 JS new Vue({ el: "#app", data: { equation: '0', isDecimalAdded: false, /... »

仿照Element-ui实现一个简易的$message方法

前言 在需要对用户进行提示时,有时会遇到这种场景:使用模态框提示太过硬核,使用toast提示又太轻了,这时候可以选择使用页面顶部滑下的消息提示。本文仿照element-ui的实现一个类似$message的方法。 思路梳理 首先我们来看下element-ui中消息提示的效果是怎么样的,找些思路。 从图中我们可以看消息提示是可以同时显示多条的,并且定位看起来都是fixed,居中展示,我们自然可以想到使... »

vue-cli脚手架的.babelrc文件用法说明

虽然es6还没被浏览器全部支持,但是使用es6是大势所趋,所以babel应运而生将es6代码转换成浏览器能够识别的代码 什么是.babelrc文件呢? 熟悉linux的同学一定知道,rc结尾的文件通常代表运行时自动加载的文件,配置等等,类似bashrc,zshrc 这个文件是用来设置转码的规则和插件 vue-cli脚手架的.babelrc文件 { // 此项指明,转码的规则 "presets": ... »

Vue 按照创建时间和当前时间显示操作(刚刚,几小时前,几天前)

在methods中创建方法showtime,传入要跟当前时间要对比的时间 showtime(time) { let date = typeof time === "number" ? new Date(time) : new Date((time || "").replace(/-/g, "/")); let diff = (new Date().getTime() - date.get... »

vue实现几秒后跳转新页面代码

我就废话不多说了,大家还是直接看代码吧~ 提交补充知识:vue设置延时一定要创建一个timer,然后调用延时之前先清除timer的延时clearTimeout; //清除延迟执行 this.timer = setTimeout;以上这篇vue实现几秒后跳转新页面代码就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持软件开发网。 »

解决vue组件没显示,没起作用,没报错,但该显示的组件没显示问题

这里面我们需要注意一个问题,就是 template (将要渲染的HTML)必须是包含在一个标签里面的,这个和react 比较像,是个小坑,所以他没有报错;最外层加个标签包起来就行补充知识:vue自定义组件无法渲染的可能原因1、组件最外层需要Vue实例包裹2、组件名不支持驼峰命名,建议采用-分隔 如:myTabButton 改为 my-tab-button以上 »

Vue 使用typescript如何优雅的调用swagger API

Swagger 是一个规范和完整的框架,用于生成、描述、调用和可视化 RESTful 风格的 Web 服务,后端集成下Swagger,然后就可以提供一个在线文档地址给前端同学。 前端如何优雅的调用呢? 入门版 根据文档,用axios自动来调用 // 应用管理相关接口 import axios from '../interceptors.js' // 获取应用列表 export const getL... »

浅析 Vue 3.0 的组装式 API(一)

可以说 Vue3 是直接将响应数据的创建决定权、生命周期的通知回调,都通过 API 的形式交给了开发者,更直观明了和可控。 »

VSCode插件安装完成后的配置(常用配置)

Vue 组件安装完成后的配置,具体内容如下所示: VSCode插件安装完成后,有些插件如果你想要完整的使用其中的功能得在settings.json中就行配置,接下来是我常用的一些配置 { "workbench.iconTheme": "vscode-icons", "window.zoomLevel": 0, "files.autoSave": "afterDelay", "eslint.runt... »

Vue按时间段查询数据组件使用详解

本文实例为大家分享了Vue按时间段查询数据组件的具体使用代码,供大家参考,具体内容如下首先是前端效果:界面代码如下: labelCol wrapperCol是布局变量placeholder是默认内容@change @ok 绑定两个事件,事件代码在下面js代码如下:getQueryPaeams这个方法的运行原理待研究注意:DateChange应放入methods中,否则找不到方法startTi... »

Vuex实现购物车小功能

Vuex实现购物车功能(附:效果视频),供大家参考,具体内容如下 功能描述: 加购 删除 加减 全选反选 选中计算总价 存储 整体演示效果如下: 首先介绍一下Vuex: Vuex 实例对象属性 主要有下面5个核心属性: state : 全局访问的state对象,存放要设置的初始状态名及值(必须要有) mutations : 里面可以存放改变 state 的初始值的方法 ( 同步操作–必须要有 ) ... »

vue swipeCell滑动单元格(仿微信)的实现示例

抽离Vant weapp滑动单元格代码改造而成 带有拉动弹性回弹效果 demo展示:https://littaotao.github.io/me/index(切换为浏览器调试的手机模式并且再次刷新一次) <template> <div class="cell_container" @touchstart v-click-outside="handleClickOutside" @... »

Page 1 of 305123»