Vue
Vue 相关的技术解决方案
小影_8978
热爱记笔记的程序媛,如果有什么问题欢迎指正哦,可留言,可邮件联系,hy8978@163.com
展开
-
vue 自定义指令上拉加载更多
ant-design-vue 的table组件添加上拉加载更多的效果原创 2022-08-26 10:47:38 · 676 阅读 · 0 评论 -
vue 渲染的list 数据交换顺序,简单就可以实现动画效果
这是由vue渲染的数据,想要实现的效果是,当右侧的数据发生变化的时候,排序发生变化时,可以有一个数据上下交换的效果不需要写js,只需要在html和css上动手脚就好。html 将循环遍历的list写在transition-group 里面。请注意,循环的key不要用idnex,会有些奇怪的问题出现,最好是一个唯一值<transition-group v-if="mtGroupShow.length > 0"> <div v-f..原创 2021-12-15 19:10:10 · 2192 阅读 · 0 评论 -
vue + axios 请求获取reponse里的headers数据
在使用CORS解决跨域的请求中,默认只能取到Content-LanguageContent-TypeExpiresLast-ModifiedPragma五个reponse header 值。如果想获取到其他的值,需要服务器在header中设置Access-Control-Expose-Headers : sessionID , key1 , key2前端这样就可以获取:axios.interceptors.response.use(function (res) { console.l原创 2020-09-08 11:04:27 · 9146 阅读 · 0 评论 -
vue的自定义select下拉框分页处理下拉列表,自定义指令
描述:需求是下拉框输入内容时,向后台请求相应数据,当数据成千上万时,这时的下拉筛选变得非常的卡顿,于是想到了做分页的办法,这里就需要用到vue的自定义指令,因为我的项目中,这个指令要用的地方比较多,所以,我定义了一个全局指令1.创建一个全局指令文件directives.jsimport Vue from 'vue'// 获取电影列表export default Vue.direct...原创 2019-06-26 17:25:46 · 4267 阅读 · 3 评论 -
vscode中.wpy的代码高亮显示
vscode默认不会给后缀名为wpy的代码高亮大概就是这样。不美观,不直观。高亮显示需要以下步骤:1.在vscode下载插件的地方,下载vetur;2.下载Vue-wepy 之后,打开一个.wpy的文件, 点击vscode右下角的纯文本,将.wpy的高亮关联成vue。3. 此时代码的高亮效果已经显示,但是,会出现很多的报错红线。4. 在代码的根目录下,创建一个.vscode.settings.json 文件。在其中配置如下,目的是修改vscode的默认配置配置代码粘贴:{ "edit原创 2020-11-17 16:34:47 · 1162 阅读 · 0 评论 -
vue,监听sessionStorage的数据改变
vue项目中,监听sessionStorage的数据改变需求:父组件中的随时可能改变的数据是缓存到sessionStorage里面的,子组件需要通过这个改变的数据,随时进行数据更新。监听父组件的数据变化并更新缓存vue中监听数据变化,在watch中写如下函数:watch: {date: function(newdate, olddate) {this.CurentTime(newda...原创 2019-04-10 13:08:53 · 16261 阅读 · 3 评论