最近敲代码的时候，遇到一个很奇葩的问题，原因：客户需求，想要文字两端对齐，多行省略。如图：一，vue之中多行省略失效问题：**先说一下多行省略和文字居中的基本代码**：.aboutUs-text>>> .p{overflow: hidden;//超出隐藏text-overflow: ellipsis; //文字超出部分省略号代替display...

最近敲代码遇到一个小问题，如图：当页面内容不够多时，会出现底部栏上移的问题。一开始我想到的解决方式时，获取到屏幕的高度，并将它赋值为中间的div之中，这就能完美解决footer下移的问题了，说干就干。当时写出的代码是这样的：mounted(){console.log('进行了高度赋值');console.log($(document).height()/1.7);...

这是一个很奇怪的问题，当时需要做一个状态判断，设置了一个布尔值edit：false如果是false则显示按钮A，反之则显示按钮B，但真正使用的时候出现了问题，当点击之后，edit数值变成了true，但是页面上的按钮没有进行同步更新，需要随意点击一下屏幕空白处才会进行更新经过多方排查，发现原因：因为再vue的data里面，一开始并不存在edit,这是通过后期方法进行的赋值。所以导致vue页面渲染的响

点击设置，找到beautify.language并在html一栏里加上vue，打开文件——首选项——设置——“beautify.language”: {“js”: {“type”: [“javascript”,“json”],“filename”: [“.jshintrc”,“.jsbeautify”]},“css”: [“css”,“scss”],“html”:...

打开文件——首选项——设置——最下面的vetur，进入到 settings.json文件编辑之中，将以下代码复制进去：{// 强制单引号"prettier.singleQuote": true,// 尽可能控制尾随逗号的打印"prettier.trailingComma": "all",// 开启 eslint 支持"prettier.eslintIntegration"...