- 博客(95)
- 收藏
- 关注
RSS订阅原创 解决类型’AsyncThunkAction＜string, LoginDate, AsyncThunkConfig＞‘的参数不能赋给类型’AnyAction’的参数
类型’AsyncThunkAction<string, LoginDate, AsyncThunkConfig>'的参数不能赋给类型’AnyAction’的参数。
2023-11-10 18:49:36
168
原创 文件下载处理
let url ='下载文件'// 方式一window.location.href = url// 方式二window.open = url// 方式三<iframe id="ifile" style="display:none"></iframe>document.getElementById('ifile').src = url
2021-08-27 10:22:34
150
原创 多行文字溢出隐藏
display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;
2021-08-27 09:57:32
163
原创 获取用户的基本信息
<button bindtap="getUserProfile"> <view class="text">微信授权登录</view></button>getUserProfile() { wx.getUserProfile({ // 获取用户基本信息 lang: 'zh_CN ', desc:'获取你的昵称、头像、地区及性别', success:(res) => { console.lo
2021-08-08 20:14:23
166
原创 globalData的使用
main.jsApp({ onLaunch() { // 区分ios，安卓 wx.getSystemInfo({ success:(res) => { this.globalData.isIOS = res.system.indexOf('iOS') !== -1 this.globalData.isWindows = res.platform === 'windows' } }) }, globalDat
2021-08-08 19:59:18
396
原创 小程序判断系统
const curPhone = wx.getSystemInfoSync()if(curPhone.system.indexOf('iOS')==0){ }else if(curPhone.system.indexOf('Android')==0){ }
2021-08-02 14:21:09
124
原创 微信小程序nth-of-type()问题
<view class="container"> <view class="title">0</view> <view class="test">1</view> <view class="test">2</view> <view class="test">3</view> <view class="test">4</view></view>.con
2021-08-01 21:08:13
599
原创 wxs的使用
home.wxslet name = "xxx"let age = 11function format(num) { return num++}module.exports = { name, age, format }home.wxml<wxs src="./home.wxs" module="home" /><view>{{home.format(home.age)}}</view>
2021-08-01 18:22:40
98
原创 wx:for
<block wx:for="{{dataList}}" wx:for-item="weeks" wx:for-index="weeksIndex" wx:key="weeks"></block>
2021-08-01 18:08:58
74
原创 behavior
相当于mixinmy-behavior1.js// my-behavior2.jsmodule.exports = Behavior({ behaviors: [], properties: {}, data: { myBehaviorData2: '' }, attached: function () { }, methods: { myBehaviorMethod2: function () {} }})my-behavior1.js//引.
2021-08-01 18:06:41
94
原创 页面跳转和传参
wx.navigateTo({ url: '/pages/user/user?detail_params=' + JSON.stringify(params)})//wx.navigateBack({ //delta: 1//})//wx.navigateBack()onLoad(options) { let data = JSON.parse(options.detail_params)},click() { var pages = getCurrentPages()
2021-08-01 17:08:23
61
原创 获取当前页面
onLoad() { let pages = getCurrentPages() let current = pages[pages.length - 1] let previous = pages[pages.length - 2]}
2021-08-01 16:55:42
261
原创 自定义组件
定义组件myCpn.wxml<view> <view bindtap="handleClick" data-count="{{count}}">头部</view> <slot name="slot1"></slot> <slot name="slot2"></slot> <view>尾部</view>1</view>myCpn.json{ "component":
2021-08-01 16:38:51
87
原创 背景图片居中显示
background-position-x和background-position-y实现背景图片居中background-position-x： center;background-position-y: center
2021-03-18 16:05:02
94
原创 openlayer学习
学习网站https://www.jianshu.com/p/19a367f0a448https://openlayers.org/workshop/en/basics/
2021-03-14 15:02:22
90
原创 js处理seacrch
function handleSearch (data) { let obj = {} let str = data.substr(1) str = str.split("&") str.forEach(item => { let key = item.split("=")[0] let value = item.split("=")[1] obj[key] = value }) return obj }
2021-03-11 15:15:00
99
原创 js删除对象属性
var obj={ name: 'zhagnsan', age: 19 }delete obj.name //truetypeof obj.name //undefined
2021-03-11 11:19:47
80
原创 table合并单元格
<template> <div id="work"> <el-table :data="tableData" class="table" height="250"> <el-table-column prop="date1" label="日期一" width="50"> </el-table-column> <el-table-column prop="date2" l
2021-03-08 23:32:46
177
原创 数组,字符串，对象方法
一数组filtersome //some 也是查找满足条件的元素是否存在 返回的是一个布尔值 如果查找到第一个满足条件的元素就终止循环everyreducemap遍历数组forEachforfor in(索引值)for of(值)var arr = [1, 2, 3, 4, 5, 6, 7] // 插入 // arr.splice(2, 0, 99) //[1, 2, 99, 3, 4, 5, 6, 7] // 删除 // arr.s
2021-03-08 23:32:10
81
原创 表格样式
table,td { border: 1px solid #000; border-spacing: 0; border-collapse: collapse; } td { width:50px; height: 40px; }
2021-03-08 09:51:54
68
原创 柱形series配置
series: [ { name: "直接访问", type: "bar", data: [10, 52, 200, 334, 390, 330, 220], // 修改柱子宽度 barWidth: "80%", itemStyle: { // 修改柱子圆角 barBorderRadius.
2021-03-02 09:18:08
72
原创 vue 子路由如何调用父路由中的方法
在父路由界面中有部分是子路由的内容，而问题是子路由的操作完成后需要调用父路由的一个方法来改变父路由中的样式main.jsVue.prototype.$bus = new Vue()父路由页面<template> <router-view></router-view></template>export default { name: "father", mounted() { let _this = this
2021-02-13 17:40:19
1767
1
原创 判断一个字符串中出现次数最多的字符，并统计其次数。
判断一个字符串 'abcoefoxyozzopp' 中出现次数最多的字符，并统计其次数。 o.a = 1 o.b = 1 o.c = 1 o.o = 4 核心算法：利用 charAt(） 遍历这个字符串 把每个字符都存储给对象， 如果对象没有该属性，就为1，如果存在了就 +1 遍历对象，得到最大值和该字符 var str = 'abcoefoxyozzopp';...
2021-02-09 13:25:13
577
原创 form 表单中number 类型的字段校验时，不能准备的进行校验
解决办法：更新element UI 版本到v2.4以上，并且加上number 类型rules={ phone: [ { required: true, message: '年龄不能为空' }, { type: 'number', message: '年龄必须为数字值' }, ] }简单的校验，如必填、邮箱、日期、字段长度、数字。数字类型的验证需要在 v-model 处加上 .number 的修饰符，这是 Vue 自身提供的用于将绑定值转化为 number 类型的修饰符。
2021-02-08 21:22:20
553
原创 v-model修饰符
1.lazy修饰符：默认情况下，v-model默认是在input事件中同步输入框的数据的。也就是说，一旦有数据发生改变对应的data中的数据就会自动发生改变。lazy修饰符可以让数据在失去焦点或者回车时才会更新：2.number修饰符：默认情况下，在输入框中无论我们输入的是字母还是数字，都会被当做字符串类型进行处理。但是如果我们希望处理的是数字类型，那么最好直接将内容当做数字处理。number修饰符可以让在输入框中输入的内容自动转成数字类型：3.trim修饰符：如果输入的内容首尾有很多空格
2021-02-07 21:57:57
66
原创 lodash工具库
lodash的所有函数都不会在原有的数据上进行操作，而是复制出一个新的数据而不改变原有数据npm install lodash import _ from 'lodash' // lodash cloneDeep(obj)const form = _.cloneDeep(this.addForm)var object = { 'a': [{ 'b': 2 }, { 'd': 4 }]}; var other = { 'a': [{ 'c': 3 }, { 'e': 5 }]
2021-02-07 18:56:30
86
原创 timeline时间线
<!-- timestamp:时间戳 --><el-timeline > <el-timeline-item v-for="(activity, index) in activities" :key="index" :timestamp="activity.timestamp"> {{activity.content}} </el-timeline-item> </el-timelin
2021-02-06 22:15:29
339
原创 富文本编辑器
npm install vue-quill-editor –savemain.js// 导入富文本编辑器import VueQuillEditor from 'vue-quill-editor'// require styles 导入富文本编辑器对应的样式import 'quill/dist/quill.core.css'import 'quill/dist/quill.snow.css'import 'quill/dist/quill.bubble.css'使用 <!-- 富文
2021-02-06 20:10:22
45
原创 upload上传图片
<!-- action 表示图片要上传到的后台API地址 --> <el-upload :action="uploadURL" :on-preview="handlePreview" :on-remove="handleRemove" list-type="picture" :headers="headerObj" :on-success="handleSuccess"> <el-button size...
2021-02-06 17:24:07
1488
原创 steps步骤条
<!-- 步骤条区域 --> <!--activeIndex: 表明步骤的 index --> <el-steps :space="200" :active="activeIndex" finish-status="success" align-center> <el-step title="基本信息"></el-step> <el-step title="商品参数"></el.
2021-02-05 15:51:54
673
原创 日期格式化
dateFormat(originVal) { const dt = new Date(originVal * 1000); const y = dt.getFullYear(); const m = (dt.getMonth() + 1 + "").padStart(2, "0"); const d = (dt.getDate() + "").padStart(2, "0"); ...
2021-02-05 14:53:21
61
原创 tabs标签页
<!-- activeName：选择的标签name值 --><template> <el-tabs v-model="activeName" @tab-click="handleClick"> <el-tab-pane label="用户管理" name="first">用户管理内容</el-tab-pane> <el-tab-pane label="配置管理" name="second">配置管理内容</e
2021-02-05 12:57:09
87
原创 alert警告
<el-alert title="注意：只允许为第三级分类设置相关参数！" type="warning" :closable="false" show-icon > </el-alert>
2021-02-05 12:53:28
154
原创 tag标签
<el-tag :key="ietm" v-for="itemin dynamicTags" closable :disable-transitions="false" > {{tag}}</el-tag><el-input class="input-new-tag" v-if="inputVisible" v-model="inputValue" ref="saveTagInput" size="small" @keyup.
2021-02-05 12:52:17
64
原创 cascader级联选择器
<!-- options 用来指定数据源 --> <!-- props 用来指定配置对象 --> <!-- v-model选中项绑定值 --> <el-cascader :options="parentCateList" :props="cascaderProps" v-model="selectedKeys" ...
2021-02-04 18:08:54
181
1
原创 vue-table-with-tree-grid
npm i vue-table-with-tree-grid -Simport treeTable from "vue-table-with-tree-grid"Vue.component("tree-table", treeTable) <!-- 表格 --> <tree-table class="treeTable" :data="catelist" :columns="columns" :sel
2021-02-04 14:38:44
57
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人