![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
不善主动的新吖
妈妈说,我明天必须去幼儿园
展开
-
把windows vscode的vue.js项目迁移到手机上aid learning开发的方法
1、aid learning安装sudo:apt-get install sudo2、aid learning安装qqwget http://down.qq.com/qqweb/LinuxQQ_1/linuxqq_2.0.0-b2-1082_arm64.shsudo bash linuxqq_2.0.0-b2-1082_arm64.sh启动:打开xfce,打开文件管理器,路径为: usr/share/applications/qq.desktop3、aid learning迁移w..原创 2020-06-19 23:03:15 · 702 阅读 · 0 评论 -
vue弹出层,弹出层带着父组件参数网络请求
父组件,点击循环中的图片,响应事件: <div v-for="(order,index) in orders" :key="index" class="col"> //…… <img class="card-item__img" @click="clickEach(order.wxId)" :src="`https://www.网址.cn//原创 2020-06-14 22:09:36 · 385 阅读 · 0 评论 -
vue中使用provide-inject,实现刷新页面
vue中父组件给子和孙组件插入一个依赖,使其能传递关系。文档这里先做一个简单的实例,在app.vue中:<script>export default { name:"App", components:{ }, provide:{ message:'来自父组件的消息!' }}</script>在其中的一个路由中:<template> <div class="home"> <原创 2020-06-14 14:19:32 · 467 阅读 · 0 评论 -
vue中有一个事件没有在methods创建方法的提示
小记一下:今天在vue中创建了两个按钮,都有事件,先在methods给一个事件做了方法,想着先测试这个方法,另一个一会再写,结果就报这个错误了:TypeError: Cannot read property '_wrapper' of undefined原创 2020-06-11 08:55:54 · 644 阅读 · 0 评论 -
vue组件的属性绑定变量、字符串、表达式,冒号和没有冒号的区别
<el-checkbox-button :label="order.wxId" :key="order.wxId" :disabled="order.disputeOr=='-1'" class="float_div" >✔</el-checkbox-button>element中的一个多选按钮,这里是否禁用是有表达式来...原创 2020-06-09 20:36:34 · 2558 阅读 · 0 评论 -
vue使用element多选框添加全选按钮,兼有单独选择提交功能
element文档:https://element.eleme.cn/#/zh-CN/component/checkbox这里先把文档截个图:图比较长,文档上并没有全选的实例,我们可以分析这个页面,这个页面默认三行上海被选中了,是因为在<el-checkbox-group v-model="checkboxGroup1">中绑定的数组是checkboxGroup1,他初始化为“上海”,所以在他下面的<el-checkbox-button中,上海会被选中,那么我们要想做个全选按钮原创 2020-06-09 16:12:54 · 2127 阅读 · 0 评论 -
element动态设置按钮可用不可用
element-ui文档网址:https://element.eleme.cn/#/zh-CN/component/button这里的按钮属性(Attributes)中偶一个disabled就是设置按钮是否可用。在vue的template: <div align="left" class="check_all_div"> <el-checkbox-button left="20px" v-model="checkAll" @change="handleC原创 2020-06-07 13:28:19 · 5685 阅读 · 0 评论 -
vue添加响应response拦截器,响应登陆超时处理
当Vue前端发起请求,携带者后端之前传递的tokenId,这个tokenId是有有效期的,当后端判定这个tokenId失效时,发出失效状态,前端的axios的拦截器拦截到的话,就提示前端重新登陆,另外清除前端已经登陆的客户信息。在src目录下添加一个目录——service,里面新建文件——index.js,在这当中填入代码:...原创 2020-05-15 22:05:13 · 5139 阅读 · 0 评论 -
vue中给axios添加拦截器,自动携带tokenId
前端请求携带tokenId,来让后端知道自己是谁,以及自己的登陆状态是否过期。在axios中添加拦截器,实现每个请求都自动额外添加tokenId参数。在src目录下添加一个目录——service,里面新建文件——index.js,在这当中填入代码:import axios from 'axios';import router from '../router/index';// `timeout` 指定请求超时的毫秒数(0 表示无超时时间)// 如果请求超过 `timeout` 的时间,请求原创 2020-05-13 00:29:16 · 1156 阅读 · 0 评论 -
记录一下vue的绑定,来源于vue文档
1、文本数据绑定,就是使用“Mustache”语法,也就是两个大括号,实现数据绑定,文本插值。再说一遍:两个大括号,就是讲数据输出为普通的文本。<span>Message: {{ msg }}</span>2、两个大括号不能用在HTML attribute上,也就是html标签内部。想这么使用的话就应该用v-bind指令。<div v-bind:id="dynamicId"></div><button v-bind:disabled="原创 2020-05-11 19:43:41 · 139 阅读 · 0 评论 -
vue程序IE不显示,空白
找了好久 发现提示是fuction关键字必须有,不能直接写login(),要写成login:funciton(){}比如当中的closeImage(){要改成closeImage:function(){才可以的。可以在第一幅图中点错误的提示,点第二次会到达错误的位置,因为第一次格式化js去了。...原创 2020-05-10 15:21:02 · 125 阅读 · 0 评论 -
vue依靠localStorage自动登录
已经登录过的网站可以把用户的信息,比如头像昵称,保存到Local Storage中,这样,用户在一定期限内,再打开这个网站,可以直接实现已登录的效果。一些普通的操作,可以实现。一些需要鉴权的操作,要求发送tokenid,限制更短时间的期限即可。如果用户主动退出的话,就清除Local Storage中保存的用户信息。在mounted中检测是否有LocalStorage信息,有的话把这个信息保存到vuex中。 mounted() { if (!window.localStorage) {原创 2020-05-09 20:45:03 · 523 阅读 · 0 评论 -
vue使用vuex
1、安装vuex:npm install vuex --save2、引入vuex:在src目录下,新建一个store文件夹,然后里面创建一个index.js:import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)export default new Vuex.Store({ state: { },...原创 2020-02-04 20:06:29 · 173 阅读 · 0 评论 -
vue使用Vue-Socket.io
1、vue安装vue-socket.io:npm i vue-socket.io2、引入vue-socket.io在main.js中import VueSocketIO from "vue-socket.io"Vue.use(new VueSocketIO({ debug: true, connection: 'http://localhost:3000', /...原创 2020-02-01 22:02:11 · 426 阅读 · 0 评论 -
vue使用bulma
安装bulma: npm i bulma在main.js引用:import bulma from 'bulma'import 'bulma/css/bulma.css'Vue.use(bulma)在vue页面便可以直接使用bulma了,比如在项目默认页面about中:<template> <div class="about"> &...原创 2019-12-14 15:23:54 · 1599 阅读 · 0 评论 -
vue+element (2)登录界面
在view文件夹下添加Login.vue在router.js添加login路由路由切换成功:下面修改登录界面,到element网站复制一个form组件的代码,然后修改成登录的界面即可<template> <div class="page"> <el-form :model="ruleForm2" status-ic...原创 2019-07-18 22:27:36 · 995 阅读 · 0 评论 -
vue+element (1)创建工程
1、安装vue-cli32、打开图形化界面(也可以继续用命令创建工程)会自动在浏览器里打开的,也可以手工在浏览器里输入地址打开图形化界面如下:选择合适的目录,在此创建新项目项目创建成功!切换到插件:添加插件,输入element,选择第一个,安装。安装完后直接把vuex和vue-router插件也一起安装上:安装完成,...原创 2019-07-17 10:18:43 · 188 阅读 · 0 评论