
vue
tyilack_小小黑
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
vue实现动态添加数据滚动条自动滚动到底部
在使用vue实现聊天页面的时候,聊天数据动态加到页面中,需要实现滚动条也自动滚动到底部。这时我找到网上有个插件 vue-chat-scrollhttps://www.npmjs.com/package/vue-chat-scroll但是安装后发现是用不了的,报错信息如下:VM14383:27 [Vue warn]: Failed to resolve directive: chat-scroll原创 2017-04-19 15:57:01 · 36701 阅读 · 8 评论 -
webpack中vue-cli开发跨域的问题
在使用webpack做开发调试的时候,因为需要使用nodejs服务器作为前端页面的服务器。如果后端使用的是Java(比如后台是Java代码部署在Tomcat服务器上),那前端页面发送http请求、保存cookie等都会存在跨域请求不了或者保存不了的问题还有个额外遇到的问题是在我后台使用Shiro框架来保存用户session的时候,通过路由跳转带另外的页面,然后再发送https请求的时候,sessi原创 2017-05-03 12:55:55 · 4245 阅读 · 1 评论 -
vue使用element-ui的el-input监听不了回车事件解决
vue使用element-ui的el-input监听不了回车事件,原因应该是element-ui自身封装了一层input标签之后,把原来的事件隐藏了,所以如下代码运行是无响应的:<el-input v-model="form.loginName" placeholder="账号" @keyup.enter="doLogin"></el-input>解决方法需要在事件后面加上.native<el-i原创 2017-05-12 16:19:22 · 31213 阅读 · 3 评论 -
[Vue warn]: Avoid mutating a prop directly since the value will be overwritten
使用vue自定义组件时遇到如下错误:[Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop's v原创 2017-07-20 09:25:48 · 73959 阅读 · 6 评论 -
vue解决使用webpack打包后keep-alive不生效
问题是这样的,我使用webpack的npm run dev运行的时候,keep-alive路由缓存是有效的,但是我npm run build,把文件放到实际的项目中去的时候,会有如下的问题:路由如下:var menus = [ { path: '/user', name: '用户', component: '/user', redirect: '/user/in原创 2017-08-02 16:48:11 · 3656 阅读 · 0 评论 -
vue实现模态框的通用写法
在看了element组件的源码后发现,所有模态框其实实现方法都差不多,主要用到了vue在组件化上的双向绑定。代码如下:<!--查看槽点对话框--><template lang="html"> <transition name="el-fade-in-linear"> <div draggable="true" @drag="mouseDrag" @dragend="mouseDrag原创 2017-09-13 09:28:14 · 20444 阅读 · 1 评论