- 博客(23)
- 收藏
- 关注
原创 vue3使用AntDesign<a-table>左右拖拽列及下拉框新增自定义数据
以上基本上就能实现左右拖拽了,但是会有的问题,目前空置的是选择列和操作列是不能拖动的,但是倒数第二列如果要拖到最后一列还是可以拖动的,目前没有找到解决方法,如果有解决的欢迎评论区代码附上一起探讨。2、下拉框新增自定义数据。
2024-06-19 10:52:23
600
原创 yarn : 无法加载文件 C:\Users\Think\AppData\Roaming\npm\yarn.ps1,因为在此系统上禁止运行脚本。有关详细信息,请参阅 https:/go.microso
5、请注意,更改执行策略可能会对系统的安全性产生一定影响。如果你对此担心,你可以在完成任务后将执行策略恢复为默认设置。可以使用以下命令将执行策略设置回默认值。原文链接:https://blog.youkuaiyun.com/LRQQHM/article/details/134540314。这个错误通常是由于在系统上的执行策略限制导致的。执行策略是一种安全功能,用于控制在计算机上运行的脚本的权限级别。3、在确认提示中输入"Y",然后按 Enter 键继续。2、输入以下命令来更改执行策略。
2024-01-25 15:26:46
659
1
原创 vsCode开发插件
🏠 vscode-fileheader: js文件(html、css也可以使用,但是没意义!🏠 IntelliJ IDEA Key Bindings: 包括流行的JetBrains产品的键盘映射,如IntelliJ Ultimate,WebStorm,PyCharm,PHP Storm等。🏠 Bookmarks: Ctrl+alt+K 创建或消除书签 ctrl+alt+j 跳转到前一个书签 ctrl+alt+l 跳转到后一个书签。🏠 change-case : 快速更改当前所选内容或当前单词的大小写。
2024-01-25 10:54:46
438
原创 大写金额转换及vue使用ElementUI循环表单并实现校验
一、以下代码是一个demo案例可以直接拿走直接用。二、以下我跟以上案例根据自己所需进行的修改。
2023-12-13 14:18:26
666
原创 vue base64转化pdf格式下载提示未能加载PDF文档
从后端接收base64格式数据,前端转换之后报未能加载pdf文档,于是找了一下解决方式,以下方法可以用,也解决了我的问题,在这里我也做一下保留。上述代码,我的是接口无法写上{responseType:‘arraybuffer’},不然没有任何回应,不加上就下载成功了。
2023-10-07 11:29:42
1842
原创 nuxt框架中使用qrcodejs2页面刷新报document is not defined
因为要实现网页上分享微信,微博,qq空间功能,第一次写这个功能,刚开始实现起来还是有点棘手的,后面好不容易解决了,居然还存在一个刷新的bug,又忙不迭的却解决。。。。好了先说说这个分享的实现吧首先是先把这部分内容组件分装(所需图片就不放了)${${${${父组件(分享内容部分的代码)到这里基本上就能实现功能了(所帖的代码重要的都在上面了)
2023-07-18 16:42:41
696
1
原创 uniapp各种小功能积累
1、多选<view class="row wrap m-t-10 p-b-30"> <view class="width25 m-t-20" v-for="(item,index) in carModel" :key="index"> <view class="carAttr f32 c333 weight500" :class="[model_ids.indexOf(item.id) != -1 ?'carAttr-a':'']" @click="mod
2023-03-22 11:10:27
448
原创 微信小程序滑动删除
wxml<view class="bgwhite bor-bom-f2 row just-btw alignitems {{item.isTouchMove ? 'touch-move-active' : ''}}" wx:for="{{dataList}}" wx:key="index"> <view class="item-left" data-index="{{index}}" bindtouchstart="touchStart" bindtouchmove="to.
2022-05-10 11:05:20
757
4
原创 微信小程序不同角色显示不同tabar
1、首先创建组件(要与pages同级)2、custom-tab-bar 文件夹下的 代码index.wxml<cover-view class="tab-bar"> <cover-view class="tab-bar-border"></cover-view> <cover-view wx:for="{{list}}" wx:key="index" class="tab-bar-item" data-path="{{item.pagePath..
2022-05-07 10:49:31
1715
3
原创 微信小程序组件间传值
案例:以弹窗组件为例子组件wxmljs/** * 组件的属性列表 */ properties: { // btnText: { type: String }, tabarData:{ type: Object, value: {}, observer: function(newVal, oldVal) {} }, showData:{
2022-05-07 10:29:06
144
原创 微信小程序菜单轮播翻页
此功能是利用轮播功能,左右滑动,导航菜单能按顺序展示wxml<swiper indicator-dots interval="5000" duration="300" class="swiper-box" style="height:430rpx;width:100%;"> <swiper-item class="row wrap" wx:for="{{dt.lbSellerCatsLen}}" wx:for-index="i" wx:key="index">
2022-02-14 16:35:02
754
原创 微信小程序tab页面切换
html 页面<view class="bgwhite"> <scroll-view scroll-x="true"> <view class="width100 row nowrap"> <view class="f32 c666 p-tb-20 p-lr-30 {{currentData == 0 ? 'topic' : ''}}" data-current="0" bindtap='checkCurrent'.
2022-01-11 10:10:23
789
原创 安装node-sass报错的的原因及scss引用
安装scss插件1、先安装sass-loadernpm install sass-loader2、安装node-sass,安装sass-loader需要依赖node-sassnpm install node-sass但是在安装这一步时,我一直报这样的错如果是这样的错的话就需要限制版本号,如果直接使用最新版本的话,就会因为版本号太高而报错需要先卸载刚开始安装的报错的node-sass3、卸载node-sassnpm uninstall node-sass4、卸载之后重新安装node
2021-11-05 16:08:10
6129
1
原创 4种css实现渐变色边框
渐变色边框相信大家在写项目中是会常遇见的,下面我们就来罗列一下边框渐变色的方法吧1、使用 border-image<div style="width:500px;height:300px;background: #000;padding-top:100px;"> <div class="borderimg">边框变色</div></div><style> .borderimg{ border: 4px solid;border-i
2021-10-21 11:22:02
6861
原创 js字符串方法
01、charAt()charAt() 方法返回字符串中指定索引处的字符。第一个字符的索引为 0,第二个字符为 1,依此类推。let str = "HELLO WORLD"let res = str.charAt(0)console.log(res)//输出 H02、concat()concat() 方法用于连接两个或多个字符串。此方法不会更改现有字符串,而是返回一个包含连接字符串文本的新字符串。let str1 = "HELLO";let str2 = "WORLD";let re
2021-10-08 15:06:46
891
3
原创 让图片垂直居中的方式
一、flex布局flex布局较适用于移动端的布局//图片垂直居中display:flex;align-items:center我一般在写小程序,app时会使用这种方式二、采用定位的方式这种方式相对于pc端兼容性很好<div class="fatherimg"> <img src="../images/a.png" class="img" /></div> .fatherimg{ width:300px; height:400px; posit
2021-09-14 15:13:50
3595
原创 uniapp吸顶功能实现
一、vue页面代码实现<view :class="[(isFixedTop) ? 'fixedTop' : '']" id="box" class="box bgwhite"> <view class="m-lr-30 row just-btw p-tb-30"> <view class="row alignitems"> <image src="../../static/quanbu_icon.png" mode="aspectFit" style=
2021-09-09 15:45:30
5422
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人