只要思想不滑坡,方法总比困难多
开发中遇到的问题
菜鸟中的菜菜鸟
复制粘贴自闭的前端秃头少年
展开
-
站外h5页面调起小程序
站外场景调起微信小程序原创 2023-08-01 11:25:41 · 527 阅读 · 0 评论 -
vue 超出多行,省略,展示显示更多按钮
前期准备:根据字体大小和行数确定这个块整体的高度template<div class="desc" ref="desc">{{desc}}</div><button v-show="showButton">显示更多</button>script //获取高度是否超过4行判断是否展示查看更多按钮 getShowMore(){ const height = this.$refs.desc? this.$refs.desc.clien.原创 2022-03-15 11:26:27 · 4106 阅读 · 0 评论 -
umi + react+antd遇到的问题
Q1:antd下拉选项偏移,如何固定?使用getPopupContainer属性Q2:antd表格table设置width不起效,原因?解决方法?原因:若当前column字段为超长连续单词或数字就会破坏表格布局。解决方法:可为其他column加上宽度,在表格上加上style:style={{ wordBreak: 'break-all' }},为了美观,还可以给超长连续单词column加上ellipsis属性Q3:umi更改生成文件的hash值,只添加其他异步文件的ha...原创 2021-09-01 10:24:52 · 1003 阅读 · 0 评论 -
h5页面点击按钮打开app某个页面,若未下载app,则打开下载
h5页面点击按钮打开app某个页面,若未下载app,则打开下载h5页面点击按钮打开app某个页面,若未下载app,则打开下载h5页面点击按钮打开app某个页面,若未下载app,则打开下载·```const downloadUrl = ‘downloadurl’ //下载地址const schema = ‘ ’ //app协议地址function launchZcm(androidurl, schema = ‘bangjob://’, delay = 3000) {let timer;cons原创 2021-01-22 16:53:51 · 846 阅读 · 2 评论 -
g6中多个树图分别根据数据多少来重新设置高度,进而保持所有树图大小基本一致
template中页面代码 <div v-for="(item, index) in treeData" :key="index"> <div :id="item[tree].id" class="graph-wh"></div> //树图容器(根据传递来的多个树型数据数组) </div>树图对数据格式有要求,必须有id和children两个字段官网数据格式示例:https://g6.antv.vision/zh/graphmar原创 2021-01-26 11:21:00 · 2078 阅读 · 0 评论 -
vue中父组件传值给子组件,父组件值改变,子组件不能重新渲染
1在子组件中用watch()监听值的改变,不同的类型的要用不同的监听方法props: { echartStyle: { type: Object, default() { return {} }}, titleText: { type: String, default: '' }, tooltipFormatt...原创 2018-06-24 20:31:17 · 63420 阅读 · 15 评论 -
VUE中画饼状图
<template> <div> <div id="chart" :style="echartStyle"></div> </div></template><script> export default { props: { e原创 2018-06-24 20:59:23 · 1573 阅读 · 2 评论 -
vue中点击按钮,添加一排输入框
vue界面:<template> <div> <el-button @click="add">添加</el-button> <el-table :data="data"> <el-table-column prop="name" label="名称"&原创 2018-06-24 21:37:14 · 27241 阅读 · 13 评论 -
最基础的前台上传图片
界面展示:<el-form-item prop ="idCardFront" style="height:53px;"> <p>个人信息页</p> <img @click="fileClick" src="../../assets/images/uploadFile.png">//美化按钮 &am原创 2018-08-05 16:28:09 · 1067 阅读 · 0 评论 -
发送验证码,按钮显示秒数
<el-button size="mini" type="primary" @click="sendMessage" style="margin-left:5px;width:93px;" v-loading="loading" :disabled="showButton">{{time}}{{sendCode}}</el-button&am原创 2018-08-05 16:31:32 · 568 阅读 · 0 评论 -
图片放大功能
<img :src="backImage()" class="img" @click="clickImg($event)" /><BigImage v-if="showImgS" @clickit="viewImg" :imgSrc="imgSrc"></BigImage>//图片放大组件js方法:原创 2018-08-06 15:16:49 · 397 阅读 · 0 评论 -
element中通过js触发按钮的点击事件
vue:<el-button type="primary" @click="dataDocking2()">批量处理</el-button>(通过总按钮来触发下边表格按钮的事件)<el-table :data="dataDockingTable" tooltip-effect="dark" style="width: 10原创 2018-10-14 14:21:14 · 15952 阅读 · 0 评论 -
component lists rendered with v-for should have explicit keys.
出现 “component lists rendered with v-for should have explicit keys.”警告修改前:<div> <p class="mianFont"><img :src="imgurl" class="imgStyle">查看附件</p> <el-row v-for="item...原创 2019-05-16 21:26:12 · 16645 阅读 · 0 评论 -
创建复杂表格
1使用element中el-table来是实现(根据要求划分表格,合并长宽,使用判断语句来显示每个位置应该显示的内容,要求最开始有渲染的数据)效果如图:<template> <div > <el-form ref="opinionData" :inline="true" :model="opinionData" label-width="13...原创 2019-05-28 16:33:35 · 550 阅读 · 0 评论 -
el-dialog改变中间内容的高度问题
el-dialog中间内容的css(这是个全局样式):.el-dialog .el-dialog__body { border-top: 1px solid #dcdfe6; border-bottom: 1px solid #dcdfe6; max-height: calc(100vh - 281px); overflow-y: auto;}会设置body的高度为...原创 2019-06-03 13:46:44 · 16515 阅读 · 1 评论 -
VUE中echart自适应外部div大小
父组件:(因为要做动画效果,父组件要放大且居中,最开始时为了自适应全部都是用的是百分比)html:<div ref="testDiv" class="rectangle1" @click="getchange()"><hotline-distric ref="hotlineDiv"></hotline-distric></div>js:...原创 2019-06-10 11:31:20 · 4266 阅读 · 1 评论 -
点击按钮 滚动条滑动到某个位置
vue界面:<el-tabs v-model="active" @tab-click="jumpTitle"> <el-tab-pane v-for="(item, index) in steps" :key="index" :label="item" :name="item"></el-tab-pane></el...原创 2019-06-26 10:49:30 · 4036 阅读 · 0 评论 -
导入vue 项目和springboot 项目遇见的坑
导入VUE项目 失败node npm版本和package.json 中engine要求的版本不一致导入springboot项目失败项目中没有配置project structure 中没有配置sdks项目中project structure 中project也没有配置链接redis失败,不能连接到本地redis1 改了 notify-keyspace-even...原创 2020-02-18 17:53:22 · 944 阅读 · 0 评论