Vue
Evelyn_y
这个作者很懒,什么都没留下…
展开
-
Vue router 页面刷新 参数
路径中带参,页面刷新后参数还在,但是获取不到数据了,仔细看发现参数从数字变成了字符串。刷新前index是数字2刷新后,index变成了字符串"2"刷新后重新处理一下或者串字符串参数即可原创 2021-06-21 17:05:06 · 221 阅读 · 0 评论 -
Vue 数据改变 表格不立即更新问题
点击编辑,应该立即显示完成和取消按钮。但是编辑状态改变后要再点一下表格数据才会刷新。问题在于由于 JavaScript 的限制,Vue 不能检测以下数组的变动:当你利用索引直接设置一个数组项时,例如:vm.items[indexOfItem] = newValue当你修改数组的长度时,例如:vm.items.length = newLength解决办法:用 Vue.set替代直接改变数组值this.$set(this.tableData, this.currentRow, this.p..原创 2021-06-12 18:56:21 · 3172 阅读 · 4 评论 -
fullcalendar 禁止多选时间段
做一个日程表,用fullcalendar时selectable属性总是默认可以长按多选。禁用这个属性又无法编辑。只好翻了源码,把mousemove注释掉。注释掉后再长按就不能多选了。原创 2021-01-25 10:55:45 · 771 阅读 · 1 评论 -
vue下载新的modules报错
npm install --save @fullcalendar/core/locales/zh-cn@fullcalendar/daygrid @fullcalendar/interaction @fullcalendar/timegrid @fullcalendar/vue不能这样同时下载多个,会报错,一个一个慢慢下吧。。。原创 2021-01-18 11:03:56 · 178 阅读 · 0 评论 -
el-dialog 对话框被灰色遮住问题
dialog组件使用的时候默认会把背景变成灰色,所以组件一定要放在布局的最外层,否则会连同dialog一起被灰色遮住。原创 2021-01-12 00:08:54 · 1330 阅读 · 1 评论 -
github pages 部署vue项目
1.新建分支在项目中新建分支gh-pages,把项目打包后放到这个分支或者直接在这个分支打包2.打包找到vue.config.js文件 把这一行的值从 ‘/’ 改成 ‘./’点图上这个直接运行,或者cmd运行 npm run build:prod目录中出现dist文件夹,这样就是打包好了然后把框框里面这一部分文件夹移到项目根目录【总之就是让这部分文件的位置处在gh-pages分支根目录下】这个时候可以打开index.html看看能不能打开网页,能打开看的话说明打包的文件没问题3原创 2020-12-16 18:43:45 · 1246 阅读 · 0 评论 -
vscode代码格式化 }前不允许有空格
这样的写法会报错:There should be no space before '}'.在.eslintrc.js中修改成这样就不会报错了原创 2020-09-12 15:22:27 · 3614 阅读 · 0 评论 -
vscode 格式化单引号变双引号,自动添加逗号 问题
Vetur设置修改一下,不用prettier,改成vscode-typescript或者直接在setting.json里面加一句"vetur.format.defaultFormatter.js": "vscode-typescript"原创 2020-09-12 14:48:08 · 3345 阅读 · 0 评论 -
图片水平居中
<div class="img-container"> <img class="image" :src="testpic1" ></div><style lang='scss' scoped>.img-container { text-align: center; .image { margin: 0 auto; }原创 2020-08-24 19:48:23 · 469 阅读 · 0 评论 -
ul自动换行
未设置换行时,页面变窄会被遮住部分.course-list { list-style-type: none; margin-left: 30px; display: flex; direction: row; // flex-wrap: wrap; 设置这个属性可以实现自动换行 }设置后,页面变窄会自动换到下一行...原创 2020-07-29 22:45:53 · 1541 阅读 · 0 评论 -
radio和文字设置margin
<input id="ordinary" v-model="job" class="option" value="ordinary" type="radio" >医护人员 .option{ marin:40px;}这样的写法对radio设置margin会使radio和文字分离<input id="ordinary"原创 2020-07-29 20:37:42 · 557 阅读 · 0 评论 -
Vue 添加图片
配置vue.config.js config.module .rule('images') .test(/\.(png|jpe?g|JPG|gif|svg|jpg)(\?.*)?$/)//根据需要添加 .use('url-webpack-loader') .loader('url-webpack-loader') .options({ bypassOnDebug: true }) .end()引入图片原创 2020-07-27 21:36:22 · 2836 阅读 · 0 评论