
Vue
LevelBe
自己开心就好
展开
-
Vue 字符串转成JSON的方法
loginSystemSucc (res) { // 转成JSON res = JSON.parse(res.data) // 判断JSON字符串中的ret是否是1001 if (parseInt(res.ret) === 1001) { // 跳转页面 this.$router.push('/study') }}re...原创 2019-11-04 10:28:14 · 11023 阅读 · 0 评论 -
Vue input输入框中的值如何变成黑点
<login-input type="password" placeholder="请输入密码" ref="passwordInput"></login-input>上面是自定义的组件,type 和 placeholder 分别作为参数。type="password"type 设置为 password 就可以显示输入值变成黑点了。上效果图:...原创 2019-10-18 15:13:11 · 2293 阅读 · 0 评论 -
Vue 获取应用的版本号
应用的版本号可在package.json文件中进行修改,同时也需要从package.json文件中获取。先引入package.json文件import config from '../../../package.json'config.version 就是应用程序的版本号了,同理,package.json中其他的属性也是此方法获取。<template> &l...原创 2019-10-17 10:51:58 · 4280 阅读 · 0 评论 -
Vue input子组件如何在父组件中获取到值
如下的效果,input控件是子组件。父组件调用子组件的值首先input的值是个变量,需要在子组件的data中定义声明变量value值。input子组件:<script>export default { name: 'Input', data () { return { value: '' } }}</script...原创 2019-10-17 10:40:34 · 2883 阅读 · 0 评论 -
Vue axios发post请求后台接收不到参数的三种解决方案及在header中传值
最近用vue做项目使用axios发送post请求时遇到了前端传数据后端接收不到的情况,在前端发送请求时报500.代码如下:首先,先引入axiosimport axios from 'axios'其次,请求链接let param = { username: '111', userpass: '1'}axios.post('/api/?requestflag=...原创 2019-10-11 15:43:09 · 4392 阅读 · 1 评论 -
Vue 设置button的背景色为透明色
在设置样式时使用background-color: unset3.1.0 是设置了背景色的登录是没有设置背景色的原创 2019-09-22 19:05:56 · 10551 阅读 · 0 评论 -
Vue 2.0中三种常用传值方式(父传子、子传父、非父子组件传值)
Vue2.0 传值方式:在Vue的框架开发的项目过程中,经常会用到组件来管理不同的功能,有一些公共的组件会被提取出来。这时必然会产生一些疑问和需求?比如一个组件调用另一个组件作为自己的子组件,那么我们如何进行给子组件进行传值呢?如果是电商网站系统的开发,还会涉及到购物车的选项,这时候就会涉及到非父子组件传值的情况。当然你也可以用Vuex状态管理工具来实现,这部分我们后续会单独介绍。我先给大家介...转载 2019-09-21 21:53:40 · 316 阅读 · 0 评论 -
Vue 多层返回上一页,一层一层的按顺序返回,应该如何实现呢?
(1)HTML部分<div class="iconfont header-back" @click="goBack"> </div>(2)逻辑部分methods: { // 返回上一层 goBack () { window.history.go(-1) }}...原创 2019-09-21 21:43:14 · 2347 阅读 · 2 评论 -
Vue for循环后的router-link中的to不能被正常跳转
接着上一篇的内容,使用循环来完成router-link的生成,并可以实现界面的路由。(1)HTML部分<div v-for="(item, index) of list" :key="index"> <router-link :to="{ path: item.url }" tag="div" c...转载 2019-09-20 17:42:01 · 2087 阅读 · 2 评论 -
Vue for循环后的iconfont不能正常显示
在使用iconfont图片时正常使用:<span class="iconfont"></span>在for循环之后显示的效果:此时,需要将更换为\ue801即可。转载 2019-09-20 17:05:30 · 2606 阅读 · 2 评论