样式笔记
爱吃虾尾吗
这个作者很懒,什么都没留下…
展开
-
在ajax里打印不出来变量值this指向问题
浅赋值把全局指向that,将实例中的属性存储给that,that也可以换成其他单词。经过赋值后that存储到了原本的全局。所以在方法内打印变量值却只能得到undefined,在方法之前将全局指向that,就可以拿到实例中的属性值。this每次的指向都是请求本身,所以在ajax里打印不到外部的值。原创 2023-03-09 17:48:11 · 268 阅读 · 0 评论 -
html中v-html样式不显示问题
html中引入vue,页面使用v-html方法时样式不显示问题;v-html主要基于vue-quill-editor;原创 2023-01-16 10:09:24 · 1860 阅读 · 0 评论 -
vue前端数值分隔符每隔三个分割逗号
如果长度大于3就用splice进行分割并用jion加入逗号。将数字转换为字符串并获取字符串的长度,原创 2022-12-21 09:59:23 · 1063 阅读 · 0 评论 -
总结:前端css样式解决问题
VScode没有提示消息,video视频标签显示黑线,但是border为0也去不掉,可设置属性 object-fit。left、bottom、right、top都等于0可简写为inset:0px;1.子盒子居中,父相子绝,绝对定位上下左右都等于0,外边距设为auto。4.elementui组件修改样式不起效 前面加/deep/使用v-html指令即可,不是代码块是字符串等也可以正常显示。原创 2022-12-14 14:43:49 · 488 阅读 · 0 评论 -
vue中h5页面使用vant报错index.vue?0dbc:332 Uncaught (in promise) ReferenceError: Toast is not defined
使用vant中的toast报错。原创 2022-09-20 10:01:48 · 583 阅读 · 0 评论 -
vue做h5项目横屏
vh: 相对于视窗的高度, 视窗被均分为100单位的vh;vue做h5项目横屏竖屏切换,主要叙述横屏样式。因为是横屏竖屏切换,所以这里没有做竖屏的判断。有需要的朋友可以在js中判断并且强制切换。transform起到关键作用旋转完成。做到切换横屏后图表与表格来回切换。逻辑是旋转页面就可以。原创 2022-09-15 17:20:51 · 2606 阅读 · 0 评论 -
echarts报错vue.esm.js?efeb:3736 Error: Initialize failed: invalid dom.
vue.esm.js?efeb:3736 Error: Initialize failed: invalid dom.原创 2022-09-07 17:02:23 · 440 阅读 · 0 评论 -
vue表格显示值不对
问题一个页面我写了两个表格来回切换,但是这时候另一个表格值就不太对了,展示的和代码写的不一样。原因key值与另一个表格重复导致。解决将key设置为不一样的值。原创 2022-07-18 16:41:18 · 419 阅读 · 0 评论 -
vue中elementui动态控制prop
需求: 若经销商类型为【售前】,则销售地址、销售电话、销售经纬度字段必填;若为【售后】,则服务地址、服务电话、服务经纬度字段必填;若为【售前+售后】,则销售和服务系统都必填代码:<el-form-item label="销售地址" :prop="form.dealerType==1?'saleAddr':''"> <el-input v-model="form.saleAddr"/> </el-form-item>注意:saleAdd原创 2022-05-19 17:02:38 · 1068 阅读 · 0 评论 -
vue输入框规格名称和规格值最大输入长度调整:最大20个汉字或40个字母,超出不可输入;
需要实时判断输入框长度第一步:写出函数判断20个汉字或40个字母 getBLen(str){ if (str == null) return 0; if (typeof str != "string"){ str += ""; //如果是字符串就将长度变为2 } return str.replace(/[^\x00-\xff]/g,"01").length; },第二步:w原创 2022-04-27 14:55:13 · 3002 阅读 · 2 评论 -
vue对表格进行排名排序
需求:1.排序由小到大;2.没有排序或者为0的默认到最后面使用vue或者js都可以完成效果图:第一步:对数组进行简单的排序this.tableData.forEach(r=>{ if(r.rank==null) r.rank=0 })//将值为null的变为0this.tableData.sort(function(a, b){ return a.rank - b.rank;});//进行排序this.moveZero(this.tableData)第二原创 2022-04-27 10:40:23 · 5505 阅读 · 0 评论 -
vue中pdf.js不显示签名
报错:Warning: Unimplemented widget field type “Sig”, falling back to base field type.1.node_modules=》pdf-list=》build=》pdf.worker.js注释以下代码:如果修改方案一没有效果 还是报错2.node_modules=》vue-pdf =》build=》pdf.worker.js跟以上步骤一样3.找到报错那行代码打印一下能不能执行到 如果能的话就阻断提示:一定要找对文件!!!原创 2022-04-26 11:10:52 · 1975 阅读 · 0 评论 -
vue如何查看预览pdf文件但不下载
1.安装vue-pdfnpm install --save vue-pdf2.vue文件中引入 import pdf from "vue-pdf"; export default { components: { pdf }, }3.页面使用<pdf ref="pdf" :src="esignDocUrl" rotate="0" ></pdf>原创 2022-04-22 16:00:00 · 2991 阅读 · 0 评论 -
element-ui表格合并一列全部单元格
elementui中表格table合并一列单元格原创 2022-04-11 15:37:21 · 1217 阅读 · 1 评论 -
前端vue开发页面按钮字体颜色白色或文本框不存在谷歌
第一种情况:使用elementui按钮组件 结果;里面字体白色;第二种情况:添加了input输入框结果不显示解决方法:查看右上角是否有插件icon 如果有的话把正在执行的插件(一般是流氓广告)移除掉 再次刷新页面既可...原创 2022-04-02 17:40:01 · 1717 阅读 · 5 评论 -
vscode中html和vue没有自动补全,需要怎么配置
vscode中html和vue没有自动补全,需要怎么配置代码没有提示vscode先安装HTML Snippets插件点击 文件-首选项-设置,然后根据以下操作然后在setting.json中加入以下代码然后就有提示了转载自:https://www.cnblogs.com/heyiping/p/12805143.html...转载 2022-03-10 14:54:13 · 2548 阅读 · 0 评论 -
uniapp/vue根据数组排名进行排序
需求uniapp/vue根据数组排名进行排序对比赛列表进行排名的排序代码this.listData.sort(function(a,b){return a.rank-b.rank});listData是数组名称,rank是排名key,可以打印一下看看a和b的值原创 2022-03-04 15:23:31 · 2215 阅读 · 0 评论 -
vue点击其他任意地方关闭弹窗或遮罩层
需求vue点击其他任意地方关闭弹窗或遮罩层代码<!-- 遮罩层 --> <div class="dialog" v-show="shareShow" @click="shareShow=!shareShow"> </div>注意:遮罩层样式是浮动的遮罩层样式:原创 2022-03-04 15:17:23 · 1507 阅读 · 0 评论 -
elementui表头表格文字居中并设置表头背景色
首先时表格文字居中 <el-table :cell-style="{ textAlign: 'center' }">其次elementui表头文字居中并设置背景色<el-table :header-cell-style="{ textAlign: 'center', backgroundColor: '#f5f7fa' }">欢迎评论区讨论~原创 2021-08-04 10:51:15 · 497 阅读 · 0 评论