![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
Jack おう
后端转前端的码农小王---深圳
展开
-
关闭eslint 如何关闭eslint vue 关闭eslint
创建vue.config.js(有这个文件就直接添加属性 lintOnSave: false)module.exports = { lintOnSave: false}保存重启,烦人的提示就消失了原创 2020-12-16 21:44:29 · 341 阅读 · 0 评论 -
js vue 动态拼接变量名 js动态变量名 循环拼接变量名
let obj = {}for (let index = 0; index < 3; index++) { obj['name'+index] = index }console.log(obj);// { name0: 0, name1: 1, name2: 2 }原创 2020-12-15 12:15:33 · 4854 阅读 · 0 评论 -
不使用if 动态命名
通过updata方法减少if判断的冗余(1方法名动态命名,然后返回该方法2判断是否有值有才执行,执行后更新值)原创 2020-12-12 11:58:54 · 50 阅读 · 0 评论 -
webpack 设置跨域代理 vue设置代理
Webpack Dev Server 代理 API我们的开发项目一般运行localhost:8080 但后端的接口部署在同源地址下,生产环境没问题,但是本地就不行了不是任何情况后端都支持跨域proxy是一个对象,每个属性都是代理规则上面的changeOrigin,可以看看http此时就被代理到了 git的用户接口了 devServer: { contentBase:'./public', proxy: { '/api': {原创 2020-12-05 20:53:04 · 138 阅读 · 0 评论 -
vue 上传 excell文件 blob responseType: “arraybuffer“
带excell后缀校验,效果如下 <!-- Excel上传 --> <el-dialog title="文件上传" :visible.sync="excelVisible" width="40%" center> <el-upload style="text-align:center" :show-file-list="false" :on-error="handleError" :on-success原创 2020-11-24 16:38:34 · 917 阅读 · 0 评论 -
vue利用provide和inject依赖注入实现自定义form表单
1原创 2020-11-23 20:30:29 · 596 阅读 · 0 评论 -
vue provide inject vue依赖注入 vue跨多组件通讯
vue进阶实战课目录原创 2020-11-20 17:23:39 · 350 阅读 · 0 评论 -
vue进阶实战 vue进阶课程 vue进阶
1. refs,refs,refs,parent,$children基础使用:参考vue官方文档$refs父组件调用子组件的方法或属性$parent子组件调用父组件的方法或属性$children父组件调用子组件的方法或属性文章链接实战案例2. provide inject跨多组件通讯ref和$parent / $children` 在跨级通信时是有弊端的。当组件 A 和组件 B 中间隔了数代(甚至不确定具体级别)时,以往会借助 Vuex 这样的解决方案,不得不引入三方库来支持。本节原创 2020-11-20 11:53:20 · 838 阅读 · 0 评论 -
vue $ref $parent $children
ref的操作必须在mounted 不然拿不到dom<template> <div style="width: 100px;margin: auto;"> <!-- 获取普通元素 --> <input type="text" class="form-control" ref="input"/> <!-- 获取列表 --> <!-- <ul class="list-group"> <li class=原创 2020-11-20 11:51:10 · 329 阅读 · 0 评论 -
vue $ref $parent $children
parent和children父子组件传值省代码。provide inject 跨组件传值 注意对子组件是一次性赋值,不是响应式的可以在任何地方控制显示 消息提示<template> <div id="app" class="container p-5"> <div class="alert alert-primary" v-show="show"> 消息提示 </div> <!-- $refs案例 --> <.原创 2020-11-23 20:31:59 · 205 阅读 · 0 评论 -
快速部署vuecli3 vuecli搭建 vuecli
打开vue ui关闭eslint也可以直接创建vue.config.js配置引入Bootstrap CSS 在 public index.html中![在这里插入图片描述](https://img-blog.csdnimg.cn/20201119201739684.png#pic_center直接加class就用原创 2020-11-19 20:19:55 · 85 阅读 · 0 评论