lvfeifeiCSND的博客

在执行npm run dev:mp-weixin时报错，是因为vue的版本和pinia的版本不匹配导致的。pinia版本 2.1.7。

3、执行set-ExecutionPolicy，会提示输入参数，此时输入RemoteSigned回车。在vscode中运行pnpm i指令会报错：原因是PowerShell执行策略的问题。2、执行Get-ExecutionPolicy，显示Restricted。1、以管理员身份运行window powershell。再去vscode中执行pnpm命令就可以了。

【代码】vue自定义指令之在某元素内实现元素的拖拽移动。

【代码】使用printJS、html2Canvas实现打印功能。

【代码】使用jspdf、html2canvas实现PDF导出功能。

【代码】大屏实现数组滚动效果，组件封装。

【代码】js替换掉富文本中的所有＜img /＞格式标签的正则表达式。

一、全局注册在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:

在项目开发过程中难免会从操作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)

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(

<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...

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

项目中有个需求：省市区三级联动，但是后台给的数据有四级（存在市辖区），此时需要将市辖区下面的children删除。后台给出的数据格式思路：1、将name为市辖区的id放进一个数组2、循环遍历删除parentId为市辖区的项代码如下：（1）数据格式示例：{ "id": 110000, "name": "北京市", "parentId": 0},{ "id": 120000, "name": "天津市", "parentId": 0},{ "id": 130

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(); }};...

查看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

在工作中经常有动态表单，动态表格，而必不可少的就是表单校验，接下来给大家展示代码（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="

1、思路：通过当前页码、每页条数计算出序号2、废话不多说，直接上代码：

分为两大类编程式导航（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}

不用调用后台接口实现纯前端导出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