- 博客(68)
- 资源 (4)
- 收藏
- 关注
RSS订阅原创 小程序跳转tabBar
需求：点击图一购物车按钮，跳转到购物车页面1.按钮绑定事件<van-goods-action-icon icon="cart-o" text="购物车" bind:click="goShoppingCart" />2.事件（要用wx.switchTab）// 进入购物车 goShoppingCart () { wx.switchTab({ url: `/pages/index/shoppingCart/index`..
2021-11-22 14:10:20
586
原创 小程序重复调用组建报错Framework inner error
1.目录结构：在index页面里调用page页面（组件），在page页面里使用了vant框架，结果报错了，代码如下：index.wxml:<view> <van-tabs title-active-color="red" sticky active="{{ active }}" bind:change="onChange" > <van-tab class="van-tab" title="我参与的" > <collagePag
2021-11-17 14:07:31
2242
原创 vis节点等距展示
展示：重要代码：nodes:{ mass: 4, // 节点之间的排斥力},edges:{ smooth: { enabled: true, type: "continuous", roundness: 0.8 },}全部代码：<template> <div> <div class="visBox"> <div id="mynetwork"&.
2021-08-09 15:12:43
529
原创 vis筛选
效果：代码：<template> <div> <i class="fa fa-building-o" style="visibility:hidden;"></i> <div class="visBox"> <div id="mynetwork"></div> <div v-if="this.isTitle" class="visTitle">{{th
2021-08-03 11:47:00
155
原创 vis设置某一个节点icon不一样（img、样式同理）
效果：代码：<template> <div> <i class="fa fa-building-o" style="visibility:hidden;"></i> <div class="visBox"> <div id="mynetwork"></div> <div v-if="this.isTitle" class="visTitle">{{.
2021-07-28 11:12:11
721
原创 vis教程（加动画、加点击事件）
效果：代码：<template> <div> <i class="fa fa-building-o" style="visibility:hidden;"></i> <div class="visBox"> <div id="mynetwork"></div> <div v-if="this.isTitle" class="visTitle">{{this
2021-07-27 17:11:59
1573
2
原创 vis使用icon 刷新加载不出来
加载顺序问题，在div前写个i<template> <div> <i class="fa fa-building-o" style="visibility:hidden;"></i> <div id="mynetwork"></div> </div></template>上一篇：vis使用icon
2021-07-26 16:03:33
169
原创 vis使用icon
1.页面中引用import 'font-awesome/css/font-awesome.min.css'2.options中配置shape: 'icon', // 节点的外观icon: { face: 'FontAwesome', code: '\uf2bb', weight: 5, size: 40, color:'#2B7CE9'}3.code在哪里寻找？ 1）打开FontAwesome 2）F12选中d...
2021-07-26 15:45:03
352
原创 vue下载、引入vis
1.先了解下官网文档英文文档：https://visjs.org 中文文档：https://ame.cool/pages/a7d858/ 实例：https://visjs.github.io/vis-network/examples/2.用npm安装npm install --save vis-network3.在你要使用vis的页面应用const vis = require("vis-network/dist/vis-network.min.js");require("vis
2021-07-26 11:12:50
977
原创 vscode格式化单引号变成了双引号
1.在根目录文件新建.prettierrc.json 文件2.内容（需要哪个复制哪个）{ // tab缩进大小,默认为2 "tabWidth": 4, // 使用tab缩进，默认false "useTabs": false, // 使用分号, 默认true "semi": false, // 使用单引号, 默认false(在jsx中配置无效, 默认都是双引号) "singleQuote": false, // 行尾逗号,默.
2021-07-26 11:09:50
443
原创 Cannot read property ‘match‘ of undefined解决办法
npm install的时候报错Cannot read property 'match' of undefined，直接把package-lock.json删除在重新npm install就可以了
2021-07-26 10:46:03
3384
2
原创 Echarts关系图
效果图代码：<template> <div> <div id="echart" style="width:100%;height:600px;"></div> </div></template><script>import * as echarts from 'echarts';export default { data () { return { } },.
2021-07-22 18:14:45
913
3
原创 词云E charts
效果展示：1.安装echartsnpm run --save echarts2.安装echarts-wordcloudnpm run -save echarts-wordcloud3.创建option.jsexport const productTopOption = (ProductTopList) => { return { title: { show: false, x: 'center', textSty.
2021-07-21 10:27:28
152
原创 Vue的router跳转问题
1.重复跳转报错问题在router=>index.js中添加//解决router重复点击报错的问题const originalPush = VueRouter.prototype.push VueRouter.prototype.push = function push(location) { return originalPush.call(this, location).catch(err => err)}2.怎样才能允许重复跳转（跳转相同路由时，刷新当前路由）
2021-07-19 10:35:25
326
原创 iView合并单元格
这个就是一个深坑，记录一下开始我的思路是，整理数据合并单元格，代码如下（可跳过，不报错，但是不能实现）<template> <div> <Title name="家族树" /> <div v-for="item in this.resData">{{item.name}}--{{item.mergeCol}}</div> <Table :context="self" :colu
2021-07-13 20:26:24
821
原创 小程序引入weui报错
引入方法：在app.json中设置 "useExtendedLib": { "weui": true } 在你要使用的组件的json中调用一下 "usingComponents": { "mp-icon": "weui-miniprogram/icon/icon", "mp-form": "weui-miniprogram/form/form" } 在wxml中 <mp-icon class="weui-input-icon" icon="me"
2021-06-30 18:22:29
540
原创 小程序后台接口返回图片，怎么在页面上展示
1.index.wxml<image class="weui-input-code-img" src="{{codeImg}}"></image>2.index.jsPage({ data:{ codeImg: '' }, onReady: function () { this.getCode() }, getCode() { var that = this wx
2021-06-23 14:17:32
3641
1
原创 微信小程序tabBar使用二（自定义）
1.在app.json添加"tabBar": { "custom": true, // 必须有 "color": "#000000", "selectedColor": "#f00", "backgroundColor": "#ccc", "list": [{ "pagePath": "pages/personal/personal", "text": "个人中心" }, { "pagePath": "pages/sh
2021-06-16 19:03:58
556
原创 微信小程序tabBar使用一（基础使用）
在app.json中添加 "tabBar": { "color": "#000000", "selectedColor": "#000000", "backgroundColor": "#ccc", "list": [{ "pagePath": "pages/personal/personal", // 路径 "text": "个人中心", "iconPath": "/assets/platform.png", //点击前图片路径
2021-06-16 18:08:23
487
原创 微信小程序组件调用一（怎样写组件）
先看下想要实现的样子1.新建component文件夹，我新建在了pages里2.在component新建文件组件文件夹，如下图，我创建的icon3.先在icon.json中配置{ "component": true, "usingComponents": {}}4.在父组件中引用（我这里的父组件是index，与component文件夹同级）index.json中配置{ "usingComponents": { "c-icon": "../component/icon
2021-06-08 18:42:22
193
原创 Postman设置中文版
请在官网下载Postman下载app.zipMac:访达/应用程序/Postman.app(右键查看包内容)替换Postman.app/Contents/Resources/appwindows:复制到Postman/app-..*/resources/目录下重启postman
2021-06-03 15:49:39
6539
原创 记不住却经常用的css样式（更新中...）
文本中间有一条横线text-decoration: line-through;文本超过一行，显示省略号overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
2021-06-01 14:52:47
79
原创 微信小程序swiper设置了indicator-dots=“true“却没有出现小圆点
<view class="banner-box"> <swiper class="banner" autoplay="{{autoplay}}" indicator-dots="true"> <swiper-item><image mode="scaleToFill" src=""></image></swiper-item> <swiper-item><image mode="scaleToFil
2021-06-01 10:51:22
1018
1
原创 elementUI tree选中子集，父级也选中
<el-tree ref="tree" :data="permissionss" show-checkbox highlight-current node-key="id" :default-expand-all="true" :expand-on-click-node="false" :default-checked-keys="this.onPermissionss" :props="defaultProps" @check-change="handleCheckChange"> </
2021-03-15 10:54:09
1362
原创 elementUI表格自动刷新
今天处理了一个特复杂的产品逻辑，遇到了表格没有自动刷新的问题，找到了解决方法，原因还没找到，记录一下解决方法：:key="Math.random()"<el-table :data="item.phase_user" v-loading="tableConfig.load" :style="tableConfig.style" :max-height="tableConfig.maxHeight" :border=tableConfig.border :size="tableConfig.siz
2021-02-23 17:12:49
4279
4
原创 在vue中使用wangEditor富文本编辑框
npm安装npm i wangeditor --save创建wangEditor.vue<template> <div class="home"> <div id="demo1"></div> </div></template><script>// 引入 wangEditorimport WangEditor from 'wangeditor'export default { props
2021-02-23 15:14:34
353
原创 vue实现用户长时间不操作，自动退出登录
src文件夹下新建judge文件夹在judge文件夹下新建storage.jsexport default { setItem (key, value) { value = JSON.stringify(value) window.localStorage.setItem(key, value) }, getItem (key, defaultValue) { let value = window.localStorage.getItem(key) // .
2020-12-09 17:07:11
951
原创 vue引入html报错
报错截图解决办法终端打开项目Mac输入:sudo npm install --save-dev html-loaderwin输入:npm install --save-dev html-loader打开build里的webpack.base.conf.js找到module，添加{ test:/\.html$/, loader:'html-loader'}
2020-08-19 14:54:39
849
原创 layui Table默认全选
<table class="layui-hide" id="test" data-type="reload" lay-filter="test"></table>table.render({elem: '#test' , url: '' , where: {} , parseData: function (res) { let count = res.data ? res.data.totalCount : '' let list = res.data ? r
2020-08-18 18:48:05
2733
原创 关于element ui里的多选反选表格的问题（toggleRowSelection）
不想看过程的可以直接后面大家可以先看下文档的效果文档链接element官方文档需求是希望进来默认能选择上次选中的东西，如下图：大概看了下例子，直接开始上手改装（不太好的毛病，大家还是仔细看文档）一顿操作猛如虎，一看反选选不上，奇怪了具体代码如下：<el-table ref="multipleTable" :data="tableData" tooltip-effect="dark" style="width: 100%" max-height="250" size="mini" bor
2020-07-29 17:26:44
3010
5
原创 elementUI表格的上移、下移、删除（数组的上移、下移、删除）
想要的样子大家不要在意内容名称是否能对上的了，就是个例子，使用的话，model还需要改一下哈????<el-form-item label="测评量表："> <el-button type="primary" icon="el-icon-plus" size="mini">添加量表</el-button> <el-table :data="tableData" border style="width: 80%" size
2020-07-14 11:27:42
1379
原创 基于“elementui菜单页配置和组件的简单封装”导航的优化
之前那篇文章里的导航是都有二级导航的，具体可看这里这篇是优化的，有一级有二级，如图话不多说，代码如下<el-menu :default-active="this.menu" router unique-opened class="el-menu-vertical-demo" align="center" background-color="#49abf8" text-color="#fff" active-text-color="#fad473"> <template v-fo
2020-07-07 20:37:00
790
jspdf.debug.js
2020-10-10
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人