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项目利用Hbuilder打包成APP流程,以及遇到的坑

1.打包项目 期间遇到的坑,提前说下,避免重复工作。 1.1打包的app出现白屏。 出现原因:路径不对,需要改config\index.js 解决办法:修改打包的路径。 1.2点击页面跳转不了,报 Loading chunk 2 failed. 等错误。 出现原因:不能用history配置路由,要用hash 解决办法:修改路由mode属性为hash。 1.3.点手机物理按钮,直接退出程序。 出现原... »

vscode中的vue项目报错Property ‘xxx‘ does not exist on type ‘CombinedVueInstance<{ readyOnly…Vetur(2339)

问题描述:今天早上一开机,打开项目,发现项目一片醒目的红色,查看报错原因提示:Property ‘xxxx' does not exist on type 'CombinedVueInstance. Vetur(2339)解决过程:疯狂百度,只查明该报错与typescript相关,但是我这里是一个纯正的vue项目,也没有开启tslint,为啥会报这个错误呢? »

在vue中实现清除echarts上次保留的数据(亲测有效)

因为我是将echarts封装好后,父组件只要传递值就可以进行渲染。但是点击多次数据请求的时候echarts会多次渲染。data里定义的三组echarts数据在axios发送请求后先清空再赋值。补充知识:vue.js使用vue-echarts给柱形图绑定点击事件我就废话不多说了,大家还是直接看代码吧~ Random .echarts 以上这篇在vue中实现清除echarts上次保留的数据就... »

Vue项目配置跨域访问和代理proxy设置方式

在vue单页应用项目开发时,避免不了要请求后端,这时通常就会出现跨域问题。有2种常用的解决方案 后端设置允许跨域访问 前端通过代理进行访问后端 下面我们只说说如何配置vue-cli代理访问: vue-cli代理 最简单就是配置vue conifg进行实现 下面配置3个请求的后端,分别是: 请求http://localhost:4201/adminapi/*会代理请求http://localhost... »

Vue-cli打包后如何本地查看的操作

Vue-cli打包成dist后默认是必须在http服务器环境下才能正常运行。以上这篇Vue-cli打包后如何本地查看的操作就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持软件开发网。 »

vue组件中实现嵌套子组件案例

如何把一个子组件comment.vue放到一个组件中去 1、先创建一个单独的 comment.vue 组件模板 <template> <div class="cmt-container"> <h3>发表评论</h3> <hr> <textarea placeholder="请输入要BB的内容(最多吐槽120字)" maxlength... »

详解vue组件之间的通信

== -1 } }}//注意那些 prop 会在一个组件实例创建之前进行验证,所以实例的 property 在 default 或 validator 函数中是不可用的。 »

Vue 电商后台管理项目阶段性总结(推荐)

一、阶段总结该项目偏向前端更多一点,后端 API 服务是已经搭建好了的,我们只需要用既可以,(但是作为一个 全栈开发人员,它的数据库的表设计,Restful API 的设计是我们要着重学习的!!! »

封装Vue Element的table表格组件的示例详解

export default , render }Vue提供了一个functional开关,设置为true后,就可以让组件变为无状态、无实例的函数式组件。函数式组件中的Render函数,提供了两个参数createElement和context,我们先来了解下第一个参数createElement。createElement说白了就是用来创建虚拟DOM节点VNode的。到这里,Vue函数式组件介绍的就... »

解决vue项目 build之后资源文件找不到的问题

解决vue项目 build之后资源文件找不到的问题

/url')引入,赋予变量;以上这篇解决vue项目 build之后资源文件找不到的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持软件开发网。 »

Vue proxyTable配置多个接口地址,解决跨域的问题

最开始的时候,因为请求后台出现跨域问题。 查找资料配置proxyTable,解决跨域问题。如下图所示: axios请求页面: this.$axios.post('/api/weblogin/login',data).then(res=>{ console.log(res) }) 后面遇到需要连接不同的接口域名,我在proxyTable里增加了一个apiGas。axios请求存在获取得到api... »

vue 项目引入echarts 添加点击事件操作

主要思想是通过判断用户登录后,根据后台返回的对应用户权限去验证用户是否可以进行相关的操作。') router.push } }else { alert('请登录之后再操作! »

vue 使用原生组件上传图片的实例

需求描述:需要将后台返回的图片路径赋值到img的 src 1 一个页面上传一张图片 当一个页面只有一个位置需要上传图片,很简单,直接绑定上传按钮 html页面 <div class="col-md-4"> <input class="hidden" accept="image/png,image/jpg" type="file" id="tempUploadFile" v-on:... »

在vscode 中设置 vue模板内容的方法

vscode中设置 vue 模板内容缘由设置要求1:vscode 先下载插件 `vetur`2: 菜单栏 -文件 – 首选项 – 用户代码片段3:使用 缘由 由于每次在 vscode 中创建vue的文件的时候,都需要手动书写 templete,模板 script,脚本 style,样式 这些重复和繁琐的事情,是可以定义一个模板信息的 设置要求 1:vscode 先下载插件 ... »

vue 项目中当访问路由不存在的时候默认访问404页面操作

然而,通常我们需要对访问url不存在或者错误的情况下添加默认的404页面,即not found页面。 »

Vue+Element UI 树形控件整合下拉功能菜单(tree + dropdown +input)

这篇博客主要介绍树形控件的两个小小的功能: 下拉菜单 输入过滤框 以CSS样式为主,也会涉及到Vue组件和element组件的使用。 对于没有层级的数据,我们可以使用表格或卡片来展示。要展示或建立层级关系,就一定会用到树形组件了。 使用Vue + Element UI,构建出最基本的树如下图所示: 现在我们就要在这个基础上进行改造,使页面更加符合我们的交互场景。 下拉菜单 将下拉菜单嵌到树节点中,... »

vue实现移动端H5数字键盘组件使用详解

本文实例为大家分享了vue实现移动端H5数字键盘组件的使用代码,供大家参考,具体内容如下 我们平时扫码付款的时候,经常会输入一些数字进行付款,仔细看了下键盘和系统的键盘有点不一样,于是今天买甘蔗的时候扫码付款就想了一下要怎么去实现一个。话不多说,直接上代码。 结果如下: 代码如下: <template> <div class="keyboard-wrapper"> <... »

Vue实现点击导航栏当前标签后变色功能

本文实例为大家分享了Vue实现点击导航栏当前标签后变色的具体代码,供大家参考,具体内容如下效果图实现这个功能,借助一个切换标识,当与各标签项 index 对应时切换 css。HTML: } JavaScript:CSS: /*点击切换变色导航栏*/ ul li .active 关于vue.js组件的教程,请大家点击专题vue.js组件学习教程进行学习。更多vue学习教程请阅读专题《... »

vue项目打包为APP,静态资源正常显示,但API请求不到数据的操作

Vue项目通过Hbuild打包为APP后,静态文件正常显示,但并没有像开发时那样请求到数据。因为APP并没有跨域,不存在跨域一说。我们在开发的时候,js在不同的域之间进行数据传输或通信,所以会给项目设置代理来跨域config下的index.js比如这个proxyTable: }}在开发时这样做是没错的,但我们在打包时就不用设置这个跨域了,打包前直接将这个跨域注释掉,然后将API请求地址改为绝对地... »

Vue项目开发常见问题和解决方案总结

Vue Cli 打包之后静态资源路径不对的解决方法 cli2版本: 将 config/index.js 里的 assetsPublicPath 的值改为 ‘./’ 。 build: { ... assetsPublicPath: './', ... } cli3版本: 在根目录下新建 vue.config.js 文件,然后加上以下内容:(如果已经有此文件就直接修改) mod... »

Page 1 of 305123»