随笔分类 -  vue

vue 中watch 回调函数和methos中方法的区别
摘要:1.vue 中代码 <el-input v-model="searchkey" placeholder="键名" @input="handleInput" clearable style="max-width:300px;"></el-/utils/commonwen文件加下 export func 阅读全文

posted @ 2022-10-28 18:05 朝颜陌 阅读(85) 评论(0) 推荐(0) 编辑

vue 项目限制某页面路由只能由某服务器ip访问,其他的不能访问
摘要:1. 由于nginx 的内置变量只能 路径带有# 后面都获取不到,所以要想满足这个要求必须改成histroy模式 2.再nginx 中再配置就可以 具体做法:一.vue 由hash 改成histroy 1.在router中 const createRouter = () => new Router( 阅读全文

posted @ 2022-05-27 17:56 朝颜陌 阅读(974) 评论(0) 推荐(0) 编辑

vue 前后端下载
摘要:1.使用场景:前后端分离,后端生成execl六文件,前端直接调用接口下载excel /src/api/usr export function exportExcel(path,params) { return request({ url: path, method:'get', params:par 阅读全文

posted @ 2021-07-06 10:54 朝颜陌 阅读(176) 评论(0) 推荐(0) 编辑

浏览器 怪异行为 未解之谜
摘要:1.现象,用vue-element搭建的系统,用google浏览器登录的时候请求的cookie没有带上,导致一直登录不上,返回错误, 刚开始一直以为是接口返回的问题,但试了一下别的浏览器(火狐和edge)正常,比较诡异的是我登录线上的网址可以登录成功, 在别人那里用谷歌登录我本地的网站,也是同款登录 阅读全文

posted @ 2020-08-27 10:22 朝颜陌 阅读(115) 评论(0) 推荐(0) 编辑

element-ui 踩坑小计
摘要:一、el-switch 1.element官方文档 active-value switch 打开时的值 boolean / string / number,我的数值是int,设置如下怎么也绑定不成功 <template slot-scope="{row}"> <el-switch class="sw 阅读全文

posted @ 2020-07-20 18:32 朝颜陌 阅读(743) 评论(0) 推荐(0) 编辑

el-dialog 封装成子组件
摘要:1.父组件的写法 <upload-dialog :upload-visable.sync="dialogFormVisible"></upload-dialog> 2 子组件的写法; ①父组件传过来的值uploadVisible,子组件:visible.sync 不要直接使用,:visible.sy 阅读全文

posted @ 2020-06-19 16:38 朝颜陌 阅读(1601) 评论(0) 推荐(0) 编辑

vue-element-admin 环境搭建
摘要:1.window环境 按照官网https://panjiachen.github.io/vue-element-admin-site/zh/guide/ 下载代码,备注用git clone 之前直接用的dowload下载的安装包安装的时候出现各种奇葩的问题。 2.一键安装命令(其中包括Python) 阅读全文

posted @ 2020-04-17 10:03 朝颜陌 阅读(1146) 评论(0) 推荐(0) 编辑

vue-fullcalendar插件
摘要:恢复内容开始 参考 : https://blog.csdn.net/w3chhhhhh/article/details/90256252 https://blog.csdn.net/ju__ju/article/details/103117790 https://blog.csdn.net/ju__ 阅读全文

posted @ 2020-04-17 09:44 朝颜陌 阅读(3028) 评论(0) 推荐(0) 编辑

vue基础回顾 router
摘要:vue-router 1. 底层原理 hash 或者h5 histroy(有兼容性) 2. 使用的时候Vue需要引入VueRouter Vue.use(VueRouter) //VueRouter 底层实际上是instal 安装了两个全局的组件 router-view 和router-link 默认 阅读全文

posted @ 2019-11-18 20:06 朝颜陌 阅读(158) 评论(0) 推荐(0) 编辑

vue 父子组件 基础应用scrollball v-model sync
摘要:# 组件之间通信 可以通过 v-model 子组件可以通过 改变数据来改变父组件的数组 * v-model 子组件需要接受value属性,需要出发this.$emit("input","data"); v-model="posStart" @input="input" :value="posStar 阅读全文

posted @ 2019-11-05 20:03 朝颜陌 阅读(323) 评论(0) 推荐(0) 编辑

vue基础----过滤器filter
摘要:1.用的场景:一个功能在每个组件都能用,而computed虽然有缓存,但不能用在每一个组件,需要的话的每一个都需要写。 2.特点:改变数据的展示形式,不改变原有的形式 分为全局与局部的 分为全局与局部的 阅读全文

posted @ 2019-10-28 20:00 朝颜陌 阅读(235) 评论(0) 推荐(0) 编辑

vue基础----自定义组件directive ,bind,update,insert
摘要:<div id="app"> <input type="text" v-limit.3="msg" v-focus> </div> <script src="./node_modules/vue/dist/vue.js"></script> <script> Vue.directive("focus",{ /* 方法一*/ /* bind(el){ Vue.nextTick(function(){ 阅读全文

posted @ 2019-10-28 19:54 朝颜陌 阅读(2670) 评论(0) 推荐(0) 编辑

vue基础 ref的作用
摘要:1. ref 获取dom元素,除了能获取dom元素也能获取组件dom, 组件通信: 在父组件中直接调用ref定义的组件的数据或者方法 <div id="app"> <p ref="mybutton"></p> <div ref="mybutton"></div> <!-- 会覆盖 --> <!--遇 阅读全文

posted @ 2019-10-28 19:51 朝颜陌 阅读(493) 评论(0) 推荐(0) 编辑

vue--基础应用 全选
摘要:1.用computed实现全选 阅读全文

posted @ 2019-10-03 21:31 朝颜陌 阅读(195) 评论(0) 推荐(0) 编辑

vue基础----组件通信($parent,$children)
摘要:1.按照dom的父子级关系,在子组件中可以通过$parent 直接调用父组件的方法,也可得到父组件的属性。 2.在父组件中通过$childrens可以得到一个子组件数组,能够在父组件中调用子组件的方法和得到属性。 3.特别注意一下_uid标识每一个组件。 下面是一个下拉菜单举例 阅读全文

posted @ 2019-10-03 21:29 朝颜陌 阅读(879) 评论(0) 推荐(0) 编辑

vue基础----组件通信(props,$emit,$attrs,$listeners)
摘要:一、父传子,子传孙 1. props 1>在父组件中通过子组件自定义的标签属性来传递数据。 2>在子组件中通过props声明希望用到的数据 1.1这里需要注意的props 除了上述这种写法,还可以写成对象形式,来校验数据 2.有时候my-father这块用不到数据,但需要把爷爷的数据传给孙子,可以用 阅读全文

posted @ 2019-09-30 18:08 朝颜陌 阅读(691) 评论(0) 推荐(0) 编辑

vue基础----key的作用
摘要:1.key 在虚拟dom中 标记不同的结构,for循环中需要添加上 阅读全文

posted @ 2019-09-30 16:57 朝颜陌 阅读(291) 评论(0) 推荐(0) 编辑

vue基础----修饰符,watch,computed,method实例方法
摘要:1.vue常用的修饰符,number,trim,number >当作数字,trim-->去掉前后空格 2.methods与计算属性 computed 的相同与区别 总结:computed本质上是一个方法,使用的时候当作属性来用,计算属性具有缓存 只有当其依赖的数据成员发生改变时候 才重新执行,方法不 阅读全文

posted @ 2019-09-30 16:43 朝颜陌 阅读(281) 评论(0) 推荐(0) 编辑

vue基础响应式数据
摘要:1.vue 采用 v……vm……m,模式,v >el,vm >new Vue(实例),m >data 数据,让前端从操作大量的dom元素中解放出来。 2.vue响应式数据是怎么做到的? 通过Object.defineproperty数据劫持 3.vue数据劫持指的是实例中date中定义的数据,初始时 阅读全文

posted @ 2019-09-30 16:07 朝颜陌 阅读(409) 评论(0) 推荐(0) 编辑

< 2025年2月 >
26 27 28 29 30 31 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 1
2 3 4 5 6 7 8

导航

统计

点击右上角即可分享
微信分享提示