- 博客(68)
- 资源 (4)
- 收藏
- 关注
原创 小程序跳转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
625
原创 小程序重复调用组建报错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
2311
原创 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
578
原创 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
177
原创 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
799
原创 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
1738
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
203
原创 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
401
原创 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
1099
原创 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
479
原创 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
3484
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
977
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
182
原创 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
345
原创 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
848
原创 小程序引入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
570
原创 小程序后台接口返回图片,怎么在页面上展示
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
3943
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
570
原创 微信小程序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
508
原创 微信小程序组件调用一(怎样写组件)
先看下想要实现的样子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
210
原创 Postman设置中文版
请在官网下载Postman下载app.zipMac:访达/应用程序/Postman.app(右键查看包内容)替换Postman.app/Contents/Resources/appwindows:复制到Postman/app-..*/resources/目录下重启postman
2021-06-03 15:49:39
6588
原创 记不住却经常用的css样式(更新中...)
文本中间有一条横线text-decoration: line-through;文本超过一行,显示省略号overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
2021-06-01 14:52:47
87
原创 微信小程序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
1112
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
1485
原创 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
4330
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
382
原创 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
989
原创 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
909
原创 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
2812
原创 关于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
3077
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
1428
原创 基于“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
816
jspdf.debug.js
2020-10-10
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人