- 博客(25)
- 收藏
- 关注
RSS订阅原创 vue2 使用@vue/composition-api依赖包 编译、打包各种报错
vue2 使用 @vue/composition-api 依赖包 编译时报错
2023-01-18 16:10:25
2893
1
原创 vue 列表 懒加载
// 代码可以直接使用，请根据自己的需求，修改页面布局<template> <div class="task-list"> <div v-for="(item, index) of items" :key="index" class="item"> <div class="left-side"> <image :src="item.imageUrl"></image> </di
2021-09-27 14:08:50
1775
原创 数字千分位格式化
千分位格式化 // 千分位格式化 numberFormat(num:number):string{ if(String(num).length <=3) return num + ""; let reg=/\d{1,3}(?=(\d{3})+$)/g; return (num + '').replace(reg, '$&,'); },console.log( numberFormat(123456789) ); // 123,456,789...
2021-07-29 10:53:33
526
原创 git 版本回滚
第一步：回退到指定的提交版本 退到/进到 指定commit的sha码git reset --hard commit_id第二步：将回退的代码强推到远程分支git push origin 分支名 --force
2021-04-14 18:42:52
90
原创 vue 项目 将 javascript 切换 typescript
vue 项目 将 javascript 切换 typescript步骤：1：添加 tsconfig.json 文件// tsconfig.json 文件{"compilerOptions": { "target": "es6", "module": "es6", "strict": true, "jsx": "preserve", "importHelpers": true, "moduleResolution": "node", "allowJs": true,
2021-04-08 16:16:22
777
原创 删除对象中值为空的属性
/** * 删除对象中值为空的属性 * * @param {Object} params 需要删除的对象 * */export function deleteEmptyParams(params) { const keys = Object.keys(params); keys.map((key) => { if (!params[key]) { delete params[key]; } });}...
2021-03-12 09:37:36
824
原创 el-table 多选 选中数据动态回显
实现后的效果：需求表格展示数据，选中的数据展示在表格下方，点击删除图标删除选中的数据，需要同步到table中更新选中状态index.vue<template> <el-button @click="handleClick()" > 按钮</el-button> <table-dialog ref="tableDialog " :wildAxios="wildAxios" @callback="handleCallback"></table
2021-03-11 11:00:41
2795
原创 递归
const treeData=[{id:1,parentId:null,name:"节点1",children:[{ id:11,parentId:1,name:"节点1-1" }]},{id:2,parentId:null,name:"节点2",children:[{ id:22,parentId:2,name:"节点2-1" }]}]function getTreeData(){ let map = [] let treeList = [] recursion(treeData
2021-02-26 14:47:06
82
原创 vue 使用scss 依赖报错
在vue 项目中使用 scss 样式时，<style lang="scss" scoped> ........</style>报依赖错误，错误信息如下：请在package.jsondevDependencies目录下添加依赖："node-sass": "^4.9.0","sass-loader": "^7.1.0",完成后执行：npm install 命令...
2021-02-18 10:02:09
379
原创 使用vue render jsx 实现element-ui table组件合并表头功能
实现后的效果图先安装 jsx 的依赖包npm install postcss-loader autoprefixer babel-loader babel-core配置 babel.config.js 文件中添加// babel.config.jsmodule.exports = { "presets": [...], "plugins": [...], 'env': { "text": { "presets": ["es2015"], "pl
2020-08-28 11:22:04
1094
原创 vue.js 自定义指令（拖拽、拖动、移动） 指令 v-drag
main.js文件中添加已下代码Vue.directive('drag', { //1.指令绑定到元素上回立刻执行bind函数，只执行一次 //2.每个函数中第一个参数永远是el，表示绑定指令的元素，el参数是原生js对象 //3.通过el.focus()是无法获取焦点的，因为只有插入DOM后才生效 bind: function (el) { }, //inserted表...
2020-03-06 09:52:06
9699
原创 vue项目使用vue-echart图表，实现根据页面高度自动计算图表高度
1.html代码<div class="widget-index"> <div ref="vueLine" class="vue-line"> <ve-line ref="lineChart" :data="chartData" :height="height" ></ve-line> &l...
2019-11-19 11:22:37
1834
原创 vue自定义指令（directive ）并传参
使用场景：项目中的权限控制自定义指令 index.jsimport store from '@/store'/** * 权限指令 * @param {*} el 当前dom对象 * @param {*} binding 指令参数 * * 指令使用 v-permissions="'code'" * 其中 code 为传的参数 * 在指令中通过 binding.value...
2019-11-07 12:14:48
5821
原创 element-ui table 动态合并单元格
1.效果图如下：2.html 代码：// html代码：<template> <div> <el-table border ref="table" :data="dataList" style="width: 100%" :span-method="objectSpanMethod" :header-cell-style="{bac...
2019-11-05 11:13:33
2840
原创 vue.js 实现form、ul、列表元素的拖拽
vue.js 实现form、ul、列表元素的拖拽排序1:引入 vuedraggable 插件npm install vuedraggable --save2:组件中引入 vuedraggable<script>import Draggable from 'vuedraggable'export default { components: { Draggable...
2019-10-30 14:55:17
917
2
原创 Vue 中实现 div 在页面滚动后停留在页面固定位置
实现效果如下：需要设置的vue组件<script>export default { // 页面创建钩子函数中添加事件监听 created() { this.listenerFunction() }, methods: { // 事件监听 监听页面的 scroll 事件，回调方法为 handleScroll listenerFun...
2019-10-18 15:17:41
6905
原创 electron项目中使用sqlite3数据库，获取不到 node_sqlite3.node 文件的问题
最近有个项目使用到了 vue_electron、sqlite3。在启动项目后 控制面板 中报错如下：各种百度google后，终于找到解决它的方法了。1. 首先查看是否安装了 sqlite3 依赖 （ npm i sqlite3）2. 然后查看是否安装了 sqlite3 的编译依赖 node-gyp （ npm i node-gyp ） 或者 node-pre-gyp （ npm ...
2019-08-13 15:17:08
5224
2
原创 vue.js echrts饼图实现百分比
显示效果组件调用<template> <div> 总数1<el-input-number v-model="total1"></el-input-number> 数量1<el-input-number v-model="num1"></el-input-number> &a
2018-12-18 11:39:34
2025
原创 浏览器的渲染过程
浏览器渲染过程：1.解析html，生成DOM树，解析CSS，生成CSSOM树2.将DOM树和CSSOM树结合，生成渲染树（Render Tree）①：从DOM树的根节点开始遍历每个可见节点②：对每个可见节点，找到CSSOM数中对应的规则，并应用它们③：根据每个可见节点以及其对应的样式，组合生成渲染树3.Layout(回流):根据生成的渲染树，进行回流（Layout），得到节点的几何...
2018-12-15 11:04:13
134
原创 IntelliJ IDEA 2018.2 免费激活方式
1.IDEA 下载地址https://www.jetbrains.com/idea/download/#section=windows 没翻墙打开可能会有点慢2.IDEA 安装3.IDEA 设置激活下载jar包地址：http://idea.lanyus.com/jar/JetbrainsCrack-3.1-release-enc.jar下载完成后将jar复制到 idea安...
2018-11-20 18:39:30
957
原创 防止XSS攻击的方案
防止XSS攻击Cookie 的HttpOnly属性Cookie 的HttpOnly属性是Cookie的扩展功能，它使JavaScript脚本无法获得Cookie。其主要目的为防止跨站脚本攻击（Cross-site scripting, XSS）对Cookie的信息窃取。发送指定HttpOnly属性的Cookie的方法如下所示：Set-Cookie: name=value; HttpOn...
2018-11-14 22:24:24
588
原创 vue.js + element UI实现表格、列表的拖动 推拽效果
VUE项目ElementUI基于sortablejs实现表格列的推拽效果在开发使用vue.js、elementUI开发项目时，客户提出将表格中的内容可随意拖动实现排序功能。于是项目中采用sortablejs来实现该功能。1.引入sortablejs $ npm install sortablejs --save2.组件中引入sortablejs &amp;amp;amp;amp;amp;amp;lt;script&amp;amp;amp;amp;a
2018-11-14 15:52:13
4381
6
原创 VUE 同一个组件切换 实现DOM更新
VUE 同一个组件切换 实现DOM更新在使用vue.js开发时遇到共用一个组件，数据相同，只是展示的内容不同。但是在每次切换时，必须执行DOM更新。 如果你遇到这个问题时，可以试试在切换时 使用 v-if 来判断，官方文档中说是:v-if “真正”的条件渲染，因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建。v-if 也是惰性的：如果在初始渲染时条件为假，则什么也不做—...
2018-11-13 12:04:58
1692
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人