- 博客(19)
- 收藏
- 关注
原创 “hasInjectionContext“ is not exported by。。。报错
在执行npm run dev:mp-weixin时报错,是因为vue的版本和pinia的版本不匹配导致的。pinia版本 2.1.7。
2024-05-17 14:24:26 265 1
原创 pnpm : 无法加载文件 C:\Program Files\nodejs\pnpm.ps1,因为在此系统上禁止运行脚本。
3、执行set-ExecutionPolicy,会提示输入参数,此时输入RemoteSigned回车。在vscode中运行pnpm i指令会报错:原因是PowerShell执行策略的问题。2、执行Get-ExecutionPolicy,显示Restricted。1、以管理员身份运行window powershell。再去vscode中执行pnpm命令就可以了。
2024-05-16 15:13:02 2280
原创 vue自定义指令实现elementui中的input自动获取焦点
一、全局注册在main.js中Vue.directive('focus', { // 当被绑定的元素插入到 DOM 中时…… inserted: function (el) { // 聚焦元素 取children的第0个元素是因为elementui的外层包裹着div el.children[0].focus() }})使用<el-input v-focus/>二、局部注册在vue文件的options中directives: { focus:
2021-06-08 11:15:37 320
原创 react中ref已废弃,请使用React.createRef()
在项目开发过程中难免会从操作dom,在react中获取dom的方式(1)ref(已废弃)//绑定ref<input ref="getInput"/>//获取dom元素的值console.log(this.refs.getInput.state.value)(2)React.createRef()(推荐使用)export default class Header extends Component { constructor(props){ super(props)
2021-05-28 17:51:53 2284
原创 uniapp中引入iconfont字体图标库
1、首先下载iconfont图标压缩包,将iconfont.css、iconfont.eot、iconfont.svg、iconfont.ttf、iconfont.woff、iconfont.woff2六个文件放进uniapp静态文件static中的fonts文件夹下2、修改iconfont.css中引入文件的方式将里边所有src: url('iconfont.eot')改成src: url('~@/static/fonts/iconfont.eot')3、在项目中通过@import url(
2021-05-10 15:47:33 313
原创 使用vant中tabs、van-pull-refresh、van-list实现上拉加载下拉刷新功能
<van-tabs v-model="activeTab" color="#197DE6" :sticky="true" @click="tabClick"> <van-tab title="全部"></van-tab> <van-tab title="待安排"></van-tab> </van-tabs> <div class="content"> <div...
2021-04-02 15:53:12 2762 1
原创 css实现上、下、左、右方向的三角形
1、首先绘制一个边框分别为四种颜色的三角形<div class="square"></div>.square { width: 200px; height: 200px; border: 50px solid ; border-left-color: red; border-right-color: orange; border-top-color: greenyellow; border-bottom-color: pur
2021-01-26 15:07:53 642
原创 省市区、市辖区四级联动,删除市辖区的children,简单来说就是删除两个数组中相同的元素
项目中有个需求:省市区三级联动,但是后台给的数据有四级(存在市辖区),此时需要将市辖区下面的children删除。后台给出的数据格式思路:1、将name为市辖区的id放进一个数组2、循环遍历删除parentId为市辖区的项代码如下:(1)数据格式示例:{ "id": 110000, "name": "北京市", "parentId": 0},{ "id": 120000, "name": "天津市", "parentId": 0},{ "id": 130
2021-01-06 13:43:05 368
原创 vue+elementui table表格实现多选框部分禁用功能
查看elementui文档可知:selectable仅对 type=selection 的列有效,类型为 Function,Function 的返回值用来决定这一行的 CheckBox 是否可以勾选<el-table ref="multipleTable" :data="tableData" fit stripe tooltip-effect="dark" style="width: 100%" :header-cell-style="{ textAlign
2020-12-28 16:07:01 888 1
原创 正则实现input输入正数、正小数(两位小数)、0,校验去除0+数字开头的数据
var checkPrice = (rule, value, callback) => { let regRule = /(^[1-9]([0-9]+)?(\.[0-9]{1,2})?$)|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$)/; if (!regRule.test(value)) { callback(new Error('正数,保留两位小数')); } else { callback(); }};...
2020-12-22 16:37:27 846
原创 vue+elementui实现动态表单校验
在工作中经常有动态表单,动态表格,而必不可少的就是表单校验,接下来给大家展示代码(1)html<el-form :model="value" :rules="rules" ref="saleForm" label-width="85px" class="product-form"> <el-table :data="middleSkuTableData" border style="width: 100%" class="
2020-12-22 16:20:28 478
原创 路由传参方式
分为两大类编程式导航(1)params:注意(路由页面、push中的name和路由js中的name要对应上,才能实现刷新页面参数不消失)第一步:路由js中的path要加/:type第二步:this.$router.push({name: 'RewardBreak',params:{type:65}})第三步:this.$route.params.type(2)query:第一步:this.$router.push({path: '/rewardBreak',query:{type:65}
2020-10-13 21:47:11 277
原创 纯前端实现导出excel功能
不用调用后台接口实现纯前端导出excel1、封装导出方法/*** 导出excel公共方法* tableId是table表格的id* excelName可以自定义导出excel的名称*/export function exportExcel(tableId, excelName) { let wb = XLSX.utils.table_to_book( document.querySelector("#" + tableId) ); let wbout = XLSX.writ
2020-10-10 16:47:26 575
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人