![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
zwhfyy
无
展开
-
vue 数组清空,保持监听不变
第二种方式:length赋值为0。第一种方式:splice。原创 2023-03-05 22:22:59 · 960 阅读 · 0 评论 -
如何修改node_modules源码
我们在开发时,经常遇到需要修改node_modules源码的场景,我们希望修改后的源码下次安装时还可以使用,并让团队的其他成员也能看到。我们可以使用打补丁的方式轻松实现这个目的。在slot后面加了个test,然后我们希望这行修改的代码,在npm install重新安装组件库的时候仍存在。如何实现呢?转载 2022-12-31 10:12:36 · 2221 阅读 · 0 评论 -
bpmn.js元素事件监听
【代码】bpmn.js元素事件监听。原创 2022-11-23 10:31:19 · 2464 阅读 · 0 评论 -
Failed to compile with 1 errors
在运行quasar 工程的时候啥错误提示都没有,就来一个。结论是先运行打包命令就会知道为啥了。没任何辅助信息如何解决错误呢。原创 2022-08-03 12:38:28 · 590 阅读 · 0 评论 -
jenkins常用脚本
补充,查看管理员admin密码命令为:cat /root/.jenkins/secrets/initialAdminPassword首先判断项目bin目录是否存在,如果存在,就停止项目然后删除已经存在的目录了,解开新的压缩包,删除压缩包最后将脚本改为可执行的,并且启动项目projectFolder="/opt/app/projects"projectName="pro...原创 2018-08-30 15:09:20 · 1954 阅读 · 0 评论 -
实现html转文本
htmlToText(html) { try { return html.replace(/<(style|script|iframe)[^>]*?>[\s\S]+?<\/\1\s*>/gi, '').replace(/<[^>]+?>/g, '').replace(/\s+/g, ' ').replace(/ /g, ' ') .replace(/>/g, ' '); } catch...原创 2022-05-07 09:53:44 · 1688 阅读 · 0 评论 -
常用图标总结
驳回、重置mdi-restoremdi-reply-outlinemdi-replaymdi-redo-variantmdi-undomdi-undo-variant搜索mdi-feature-search-outlinemdi-card-search-outlinemdi-text-box-search-outline原创 2022-04-02 14:13:27 · 995 阅读 · 0 评论 -
vuex最简单、最详细的入门文档
出自:https://segmentfault.com/a/1190000009404727如果你在使用vue.js, 那么我想你可能会对 vue 组件之间的通信感到崩溃 。我在使用基于 vue.js 2.0 的UI框架ElementUI开发网站的时候 , 就遇到了这种问题 : 一个页面有很多表单 , 我试图将表单写成一个单文件组件 , 但是表单 ( 子组件 ) 里的数据和页面 ( 父组件 ) 按钮交互的时候 , 它们之间的通讯很麻烦 :<!--父组件中引入子组件-->&...转载 2022-03-11 09:04:27 · 512 阅读 · 0 评论 -
vue文件命名规范
1、*.js文件命名规范属于类的.js文件,除index.js外,使用PascalBase风格其它类型的.js文件,使用kebab-case风格属于api的,统一加上api后缀2、*.vue文件命名规范除index.vue之外,其它.vue文件统一用PascalBase风格3、*scss/*.css/*统一使用kebab-case命名风格4、vue,js的变量、方法用驼峰命名方式,如:onSelectChange(currentData)5、所有文件夹用kebab-ca.原创 2022-01-19 10:03:05 · 2346 阅读 · 1 评论 -
quasar 实现vue根组件放两个标签
yarn add vue-fragmentimport { Plugin } from 'vue-fragment';Vue.use(Plugin);<template> <fragment> <q-tr v-show="parent.expand"> <q-td :auto-width="true"> <q-btn dense round .原创 2022-01-13 14:43:56 · 559 阅读 · 0 评论 -
vue组件自引用
<template> <q-tr> <q-td> <q-btn dense round flat v-if="menu.children" :icon="menu.expand ? 'mdi-minus' : 'mdi-plus'" @click="menu.expand = !menu.expand" /> </.原创 2022-01-11 14:24:25 · 528 阅读 · 0 评论 -
vue加载js时loading显示
<!DOCTYPE html><html style="font-size: 16px;"><head> <meta charset="utf-8"> <meta name="format-detection" content="telephone=no"> <meta name="msapplication-tap-highlight" content="no"> <meta name="viewport.原创 2022-01-10 22:26:34 · 455 阅读 · 0 评论 -
three.js
obj文件转gltf文件npm install --save obj2gltf -gobj2gltf -i factory.obj -o factory.gltf原创 2022-01-07 09:20:51 · 418 阅读 · 0 评论 -
cc-admin基于cordova实现手机打包说明
首先需要修改访问路径模式,从history改为默认的hash,具体操作是注释掉quasar.conf.js中的这一行// vueRouterMode: 'history',其次是登录完成后需要加载一下菜单,之前是在App.vue中完成的,核心代码如下: submit() { this.loading=true; this.$axios.post('/sys/login',this.form) .then((r) => {原创 2021-12-28 22:35:05 · 1543 阅读 · 0 评论 -
linux 安装nodejs
cd /optwget https://nodejs.org/dist/v12.18.1/node-v12.18.1-linux-x64.tar.xztar xf node-v12.18.1-linux-x64.tar.xzcd node-v12.18.1-linux-x64 cp /etc/profile /etc/profile.bakexport PATH=$PATH:/opt/node-v12.18.1-linux-x64/binsource /etc/profilenode -v.原创 2021-12-09 15:59:34 · 731 阅读 · 0 评论 -
判断JS数据类型的四种方法
在 ECMAScript 规范中,共定义了 7 种数据类型,分为 基本类型 和 引用类型 两大类,如下所示:基本类型:String、Number、Boolean、Symbol、Undefined、Null引用类型:Object基本类型也称为简单类型,由于其占据空间固定,是简单的数据段,为了便于提升变量查询速度,将其存储在栈中,即按值访问。引用类型也称为复杂类型,由于其值的大小会改变,所以不能将其存放在栈中,否则会降低变量查询速度,因此,其值存储在堆(heap)中,而存储在变量处的值,是.转载 2021-11-02 10:05:03 · 178 阅读 · 0 评论 -
vue codemirror vue-codemirror
yarn addvue-codemirroryarn addcodemirror<template> <q-card> <q-tabs v-model="activeTab" dense class="text-grey" active-color="primary" indicator-color="primary" align="left" > &...原创 2021-11-01 16:59:59 · 2262 阅读 · 0 评论 -
js代码美化、格式化、css代码美化、格式化、html代码美化、格式化
npm install js-beautify// 导入依赖import { js_beautify, css_beautify, html_beautify } from 'js-beautify'// 使用,css、html均是这种策略使用code = js_beautify(code)原创 2021-11-01 16:14:14 · 2206 阅读 · 0 评论 -
在VS Code中调试Quasar项目
这里重点说的是devtool: 'source-map' 用来解决debuger定位行不准确问题首先,转到用于Chrome的调试器并仔细阅读。 然后,由于Quasar是基于Vue的,所以您还需要参考VSCode调试的Vue指南用于设置调试Vue应用程序。最好的方法是在这个页面旁边的浏览器中打开它,这样你可以在阅读这些说明的同时查看那些说明。并将更改应用到您的项目中。Vue指南的第一步是启用源映射(source maps)。Quasar自动启用开发模式的源映射。这是一篇好文章,它描述了[webp.原创 2021-10-30 11:36:13 · 1060 阅读 · 0 评论 -
vue json 格式化
yarn add vue-json-viewerimport JsonViewer from 'vue-json-viewer'; components: { JsonViewer, }, <q-dialog v-model="codeDialog" persistent :maximized="true" transition-show="slide-up" transition-hide="sl.原创 2021-10-27 15:23:39 · 619 阅读 · 0 评论 -
animate.css 动画效果的使用
下载安装animate.css使用BootCDN加速 https://www.bootcdn.cn/ ,下载min版本即可。在线效果演示:https://daneden.github.io/animate.css/重复执行只需增加infinite即可<div class="article-box animated fadeIn infinite"></div>1这样这个div就回循环执行 fadeIn动画APIAttention seekersbounc.转载 2021-10-27 15:21:49 · 738 阅读 · 0 评论 -
draggable 总结
样式控制:可以拖拽元素设置draggable=".drawing-item"可以拖动的组::group="{ name: 'componentsGroup', pull: 'clone', put: false }" <draggable class="components-draggable" :list="item.list" :group=".原创 2021-10-26 09:55:32 · 1104 阅读 · 0 评论 -
Vue render函数
总结的太好了,忍不住转载下:Vue render函数 - 简书前几天想学学Vue中怎么编写可复用的组件,提到要对Vue的render函数有所了解。可仔细一想,对于Vue的render函数自己只是看了官方的一些介绍,并未深入一点去了解这方面的知识。为了更好的学习后续的知识,又折回来了解Vue中的render函数,这一切主要都是为了后续能更好的学习Vue的知识。回忆Vue的一些基本概念今天我们学习的目的是了解和学习Vue的render函数。如果想要更好的学习Vue的render函数相关的知识,我们有转载 2021-10-23 16:05:39 · 226 阅读 · 0 评论 -
vue quasar 整合富文本编辑器,实现图图片上传
先看看最终的效果图片上传样子:线上访问地址:http://cc-admin.top/sys/news(服务器带宽低,耐心多等会)演示项目源代码:前端:https://gitee.com/zhy6599/cc-admin-web,对应后台:https://gitee.com/zhy6599/cc-admin-api新闻编辑页面代码:<q-dialog maximized flat persistent ref="dialog" position="righ...原创 2021-07-26 15:49:34 · 1421 阅读 · 1 评论 -
css总结
css中的','、'>'、'+'、'~',(群组选择器)A , B{ }复制代码空格(后代选择器)//选择A所有的后代B元素A B{ }复制代码>(子元素选择器)//选择A的一代B元素A > B{ }复制代码总结:“>”是css3中特有的选择器,A B选择所有后代元素,为A>B只选择一代。+(相邻兄弟选择器)//设置的是紧跟在A元素后的B元素,指定元素的下一个元素A + B{ }//eg:设置...原创 2021-05-11 14:34:45 · 70 阅读 · 0 评论 -
js实现applyIf
实现函数 applyIf(obj1, obj2) { if (typeof obj2 === 'object') { Object.keys(obj2).forEach((key) => { if (obj1[key] && ((typeof obj2[key] === 'object' && typeof obj1[key] === 'object') .原创 2021-03-27 09:59:30 · 145 阅读 · 0 评论 -
vue slot
这是组件 slottwo<template> <div class="slottwo"> <div>slottwo</div> <slot name="header"></slot> <slot></slot> <slot name="footer"></slot> </div></template>impor..原创 2021-03-13 09:10:11 · 92 阅读 · 0 评论 -
git install 出错 Error: Command failed: git clone --depth=1 -q -b fix/ie-cannot-input-korean git://git
3577 verbose stack Error: Command failed: git clone --depth=1 -q -b fix/ie-cannot-input-korean git://github.com/sohee-lee7/Squire.git C:\Users\tupos\AppData\Roaming\npm-cache\_cacache\tmp\git-clone-f3923a54 --config core.longpaths=true3577 verbose stack .原创 2020-08-13 13:36:52 · 9934 阅读 · 4 评论 -
vue 父子组件传值
https://vuex.vuejs.org/zh/调用子组件的时候 定义一个ref<headerchild ref="headerChild"></headerchild>12.在父组件里面通过this.$refs.headerChild.属性this.$refs.headerChild.方法12子组件主动获取父组件的数据和方法在子组件里面通过this.$parent.属性this.$parent.方法...原创 2020-07-24 11:08:46 · 154 阅读 · 0 评论 -
vue drag and drop
1.设置 div 元素允许拖拽draggable="true"2.设置元素拖拽开始事件@dragstart="drag(item.data)"<div style="border:1px solid green;" draggable="true" @dragstart="dragstart($event, item.data)" @dragend="dragend"> {{item.data}}</div>dragstart (event..转载 2020-06-26 10:33:10 · 537 阅读 · 0 评论 -
vue color picker
不好用<template> <chrome-picker name="picker" v-model="colors" /></template><script>import { Material, Compact, Swatches, Slider, Sketch, Chrome, Photoshop } from 'vue-color'export default { components: { 'material-pick.原创 2020-06-23 16:27:18 · 1993 阅读 · 1 评论 -
vue 添加amchart
npm install @amcharts/amcharts4https://www.amcharts.com/docs/v4/getting-started/integrations/using-vue-js/原创 2019-11-22 15:23:06 · 786 阅读 · 0 评论 -
Error: EPERM: operation not permitted, unlink
参考:https://blog.csdn.net/u011215669/article/details/82958778我用最后一条解决了原创 2019-11-22 14:17:38 · 5392 阅读 · 0 评论 -
node-sass安装失败问题解决
1.先检查项目的node_modules文件夹是否存在node-sass文件夹,存在,删掉,不存在,执行第二步;2.打开cmd,在项目根目录下输入以下代码npm install node-sass --sass-binary-site=http://npm.taobao.org/mirrors/node-sassnode-sass安装成功;...原创 2019-10-31 16:27:11 · 516 阅读 · 0 评论 -
vue 常用命令
nodejs :http://nodejs.cn/download/npm install -g npmeslint 要代码检查生效 vue文件需要和vue关联npm config set registry http://registry.npm.taobao.org/npm install -g @vue/clinpm install -g yarnyarn c...原创 2017-11-29 18:13:14 · 5009 阅读 · 2 评论