总结:页面强制刷新 + style记得加上scoped + 用v-html过滤标签但标签生效 + 两个input框的爱恨情仇 + v-if笨用 + 666

95 阅读1分钟
  1. this.$forceUpdate(); //这个方法用来强制刷新页面 我当时遇到的问题是照片上传成功以后一直显示加载中 如果点击一下页面其他按钮 照片才能加载出来 最后在获取数据成功以后用这个方法就可以解决

image.png

  1. style记得加上scoped 不然会影响其他页面哦 如果不加 则需要在之前先限定在本页面 例如

.divMain .el-dialog //scss中使用 divMain包含el-dialog

image.png

text-align: center; //水平居中

align-items: center; //垂直居中

font-weight: bold; //字体加粗

  1. 去掉富文本编辑后的html标签除了用正则过滤之外 还可以直接用v-html直接展示 但是富文本的标签依旧生生效

用法:

image.png

编辑提交:

image.png

页面展示:

image.png

  1. 两个input框 一个改变的时候另外一个随之变化

image.png

image.png

  1. 如果后端需要前端没有展示需要组装的参数 用v-if隐藏掉前端展示的相关的字段 传输数据的时候正常传输就好

image.png

image.png

image.png

  1. el-input框只能输入英文逗号和数字 并且根据逗号将数据分割成一个数组

image.png

image.png

image.png

用到的代码:

replace(/[^\d,]/g, ''); //非数字或者逗号自动删除

split(/,|,|\r|\n|\r\n|\s+/).filter(v => v); //根据逗号分隔成数组