vue
Shuah153
这个作者很懒,什么都没留下…
展开
-
typescript+vue写法对比
vue 写法import {mapGetters, mapActions} from 'vuex'import tree from './components/all/tree/tree.vue'export default{ data () { return { a: 1, b: '2', c: true, d: { a: 'qi', b: 77 } } },原创 2020-07-07 16:15:28 · 533 阅读 · 0 评论 -
MAC 端口被占用 address already in use
Error: listen EADDRINUSE: address already in use :::8700// 查看被占用进程的pidsudo lsof -i:8700// 杀死进程sudo kill -9 pid // 再检查一遍sudo lsof -i:8700原创 2020-06-16 09:55:14 · 3592 阅读 · 0 评论 -
vue 自定义样式radio单选框 样式美化
先上图template<div> <div class="radio-box" v-for="(item,index) in radios" :key="item.id"> <span class="radio" :class="{'on':item.isChecked}"></spa原创 2018-06-28 15:59:55 · 16842 阅读 · 1 评论 -
vue 自定义switch组件,样式美化
组件的使用&amp;amp;amp;lt;vswitch :value=&amp;amp;quot;list.FOrder_status&amp;amp;quot; :FId=&amp;amp;quot;list.FId&amp;amp;quot; :index=&amp;amp;quot;index&amp;amp;quot; class=&amp;amp;quot;原创 2018-07-19 16:40:36 · 8423 阅读 · 3 评论 -
Vue+axios(interceptors) 实现http拦截 + router路由拦截 (双拦截)+ 请求自带loading效果
// vue axios配置 发起请求加载loading请求结束关闭loading// http request 请求拦截器,有token值则配置上token值import axios from 'axios'import router from '../router'import { Loading } from 'element-ui'import Promise from 'pro...原创 2018-07-20 15:41:04 · 18035 阅读 · 0 评论 -
vue + typescript 中使用 interface
interface 是什么?TypeScript检查变量类型,判断一个类型的一个关键方法就是interface(使用特定的结构、形状或者特征来分类)&amp;lt;template&amp;gt; &amp;lt;div class=&quot;User&quot;&amp;gt; &amp;lt;h1&amp;gt;登录&amp;lt;/h1&原创 2018-07-27 15:11:40 · 20088 阅读 · 0 评论 -
仿百度搜索---vue边输入,边搜素
&lt;template&gt; &lt;input type="text" class="os_myProduct_search os_newInput" v-model="keyWords" @keyup="changeInput($event)" placeholder="搜索产品&q原创 2019-02-18 15:36:37 · 843 阅读 · 0 评论 -
h5长按事件,vue
<div class="a" @touchstart="touchStart()" @touchend="touchEnd()" @click="adb()" style="height:30px;width:90px;text-align: center;background-color: gainsboro;">长按我</div> data(){ ret...原创 2019-03-19 14:45:54 · 1492 阅读 · 0 评论 -
移动端 h5 vue 长按出来复制,怎么取消
template<div @touchstart="subtouchStart($event,index)" >长按</div>scriptsubtouchStart(event,index){ event.preventDefault(); }event.preventDefault(); 取消事件的默认动作。...原创 2019-03-30 18:03:19 · 3348 阅读 · 0 评论 -
vue cli webpack创建的项目,ip地址不能访问,修改方法
vue cli创建的项目,ip地址不能访问,有时候给测试看一下,弄到测试服务器太麻烦。所以找到了下面的解决方法以下两种方法可访问,但是ip不能访问http://localhost:1221/loginhttp://127.0.0.1:1221/login需要修改的文件地址 config/index.js host: 'localhost', // can be ov...原创 2018-06-28 12:11:10 · 3221 阅读 · 0 评论 -
vue+axios 实现post文件下载
功能:点击导出按钮,提交请求,下载excel文件;第一步:跟后端童鞋确认交付的接口的response header设置了 以及返回了文件流。第二步:修改axios请求的responseType为blob,以post请求为例:复制代码axios({ method: 'post', url: 'api/user/', data: { f...转载 2018-06-15 17:23:52 · 7853 阅读 · 5 评论 -
vue + axios get下载文件
vue + axios 下载文件这里是axios的get方法。post方法请点击这里=》here 注意点:Herder 请求头需注意content-disposition:”attachment;filename=total.xls”content-type:”application/x-download;charset=utf-8”axios请求的responseTy...原创 2018-06-15 16:58:39 · 20990 阅读 · 5 评论 -
vue props对象validator自定义函数
validator自定义函数props: { // 基础的类型检查 (`null` 匹配任何类型) propA: Number, // 多个可能的类型 propB: [String, Number], // 必填的字符串 propC: { type: String, required: true }, //...原创 2018-05-06 21:22:58 · 13857 阅读 · 0 评论 -
vue子组件改变父组件数据的两种方法
今天再看github上别人的项目时发现一个vue的小细节,之前没有见过特写一篇文章记录一下……,小细节为方法二。方法一子组件代码<template> <div @click="open"></div></template>methods: { open() { this.$emit('showbox',...原创 2018-05-06 23:00:18 · 12987 阅读 · 1 评论 -
vue watch的普通监听和深度监听(数组和对象)
var vm=new Vue({ data:{ num:1, obj:{ name:’三儿’, age:’21’, sex:’女’ } }, watch:{ num(val, oldVal){ //普通的watch监听 ...原创 2018-05-26 10:42:22 · 9250 阅读 · 1 评论 -
vue 路由参数变化,页面不刷新,provide /inject 完美解决方案
此方法使用的是v-if来控制router-view的显示或隐藏,v-if从false变为true时,vue会重新渲染router-view区域,所以当参数变化时,只需让v-if 从true =&amp;gt; false =&amp;gt; false,就能实现页面刷新; 问题描述路由http://localhost:1221/newproduct?entityId=7B311104点击div时,变为...原创 2018-06-02 22:48:51 · 12895 阅读 · 9 评论 -
vue input type=file 获取文件本地路径
templat&lt;input type="file" :id="id" name="image" class="getImgUrl_file" @change="preview($event)"&gt;srcipt preview(event){ let f原创 2018-06-02 22:55:29 · 49971 阅读 · 13 评论 -
vue 图片加载失败,加载默认图片方法
template <img :onerror="errorUserPhoto" :src="'Ecp.Picture.view.img?pictureId=' + head_pic" />scriptimport userPhoto from '@/assets/images/userPhoto.jpg'data() { return { error...原创 2018-06-05 09:33:40 · 7988 阅读 · 0 评论 -
vue不能检测到数组的变动
在写vue的项目时,遇到一个问题,正常的情况下model层变化,view层跟着变化。但是 现在我model层变化更新了,view层没有变化(好紧张,难道我又遇上了传说中的Bug),我想哭……,好在方法总比困难多,蹂躏一番度娘后,度娘终于给了我想要的。开始分享Vue之所以能够监听Model状态的变化,是因为JavaScript语言本身提供了Proxy或者Object.observe()机制来监听...原创 2018-04-12 17:57:31 · 1410 阅读 · 0 评论