- 博客(27)
- 收藏
- 关注
原创 如何在uni-app中使用vant组件?
在我们刚才新建的wxcomponents 目录下新建一个 @vant 的文件夹,建立目录方法就和步骤三一样,只不过这一次我们要在 wxcomponents 目录下建立 子目录 @vant。再多提一嘴,vant组件是配合原生小程序使用的,所以有些地方,比如data数据渲染,我们不能直接照抄,一般用vue的思路就可以解决啦。那我们这样创建文件夹,和它嵌套的路径一样,是不是后面使用复制vant 提供的路径就OK了?填写项目名称,选择模板,vue技术栈,…最后说明一下前面文件夹的命名方式的由来。
2023-05-31 10:59:57
3751
1
转载 JavaScript
JavaScript包括三大块:ECMAScript:JS的核心语法(ES规范 / ECMA-262标准)DOM:Document Object Model(文档对象模型:对网页当中的节点进行增删改的过程。)HTML文档被当做一棵DOM树来看待。BOM:Browser Object Model(浏览器对象模型)关闭浏览器窗口、打开一个新的浏览器窗口、后退、前进、浏览器地址栏上的地址等,都是BOM编程第一种方式:具体alert的用法内双外单或者内单外双alert弹窗中window可以省略完整示列代
2023-04-17 11:19:48
713
1
原创 富文本编辑器使用 ( 手动上传图片视频 动态插入到标签中 )
安装依赖npm install vue-quill-editor -snpm install quill-image-resize-module -s然后全局引入import VueQuillEditor from 'vue-quill-editor'import 'quill/dist/quill.core.css'import 'quill/dist/quill.snow.css'import 'quill/dist/quill.bubble.css'Vue.use(VueQuillE
2022-05-11 17:51:40
929
原创 dialog 内组件数据刷新延迟
<el-dialog :destroy-on-close="true" top="5vh" width="80%" title="流程图操作工具:鼠标右键" :visible.sync="dialogTableVisible"> <flow-chart :dialogNodes="dialogNodes" :key="timer1"></flow-chart> </el-dialog>组件上添加 :key="timer1" .
2021-12-28 17:33:28
540
1
原创 后端返回数据图片流,前端解析展示
前端代码,发送ajax请求,然后把图片流转成blob,再通过blob创建url,这样就可以了 axios.request({ url: 'file/baseinfo', responseType: 'blob', method: 'post', params:{
2021-06-10 12:06:07
1463
原创 关于npm中-S -D的区别
在开发的时候我们会用到npm来安装各种各样的依赖包,这些包有的是用来辅助我们开发的,有的则是在上线时也需要用到的,那安装包的时候到底是该用 -s 还是用 -d 呢,这里来解释一下npm install xxx -S,也就是 npm install module_name --save 写入dependenciesnpm install xxx -D,也就是 npm install module_name --save-dev 写入devDependencies1 . 使用webpack的时候总.
2021-01-11 15:00:40
423
原创 Form表单 根据字段去判断某个输入框是否加校验规则
三元去判断这个输入框是否加校验规则 这是后面的不加校验不能是空字符串1 . 可以这样2 . 或者这样大概就这样吧 后续有一些小问题可以具体处理
2020-11-04 12:01:20
940
原创 vue dayjs处理时间格式
安装 dayjs 依赖包npm install dayjs --saveutil.js 公共方法文件中引入dayjsimport dayJs from 'dayjs';import 'dayjs/locale/zh-cn';dayJs.locale('zh-cn');封装方法const formatDate = (date, format) => { if (date) { return dayJs(date).format(format); } r.
2020-10-30 17:20:06
1498
原创 vue 中 watch监听首次不生效解决办法
有时我们向子组件传参时在watch监听中监听不到有时因为组件的类型的等原因会导致数据监听不到的情况1、首次监听不到时 可以使用immediate方法,其值是true或false;immediate:true代表如果在wacth里声明了之后,就会立即执行里面的handler方法watch: { id: { immediate: true, // immediate选项可以开启首次赋值监听 async handler(newVal,oldVal) { co.
2020-10-28 11:03:09
5593
3
原创 Event Bus 兄弟组件传参 ( 不相关的组件之间传值 )
通常父子之间传值比较方便 通过 props 和 $emit 实现兄弟之间传值无法实现对于一些没有用到 vuex 的项目就可以使用 Event Bus 来实现Event Bus 简单使用首先创建 一个 js 文件 作为一个载体引入 vue 新建 Event Bus 并导出通过 $emit 和 $on 实现页面之间的通信上代码 ~~~~1. 新建eventBus.js文件中 初始化// event-bus.jsimport Vue from 'vue'expor
2020-10-20 17:05:49
575
原创 Flex 布局
1 . Flex 布局是什么?任何一个元素都可以使用flex布局 无论是块级元素还是行内元素 .box{ display: -webkit-flex; /* Webkit 内核的浏览器,必须加上-webkit前缀。*/ display: flex;}注意使用flex布局的元素中的子元素的 float、clear 和 vertical-align 属性将失效。2 . 基本概念采用 Flex 布局的元素,称为 Flex 容器(flex container),简称"容器"。
2020-10-14 09:50:47
361
原创 关于小程序开发
1. 判断该 标签 , js代码 , css样式 在那个端显示 那个端不显示以 <!-- #ifdef APP-PLUS --> 开头 <!-- #endif --> 结尾 包裹的标签通过APP-PLUS 判断条件 在那个端显示 标签中 <!-- #ifdef APP-PLUS --> <button type="primary" @click="open">点击</button> <!-- #
2020-10-14 09:50:35
464
原创 Node.js安装配置
$ npm install -g cnpm --registry=https://registry.npm.taobao.org
2020-10-14 09:50:21
146
原创 JSONP 实现跨域
1. 什么是跨域 浏览器从一个域名的网页去请求另一个域名的资源时,域名、端口、协议任一不同,都是跨域2. 为什么会有跨域 在前后端分离的模式下,前后端的域名是不一致的,此时就会发生跨域访问问题。 在请求的过程中我们要想回去数据一般都是post/get请求,所以..跨域问题出现3. 跨域的方案 CORS: 服务器设置允许,浏览器要能够识别这个头 jsonp: 浏览器script的src支持跨域访问,发了一个callback去服务器 服务器接受callback 返回了一个函数的调用携带了数据
2020-10-14 09:50:14
87
原创 字符串常用方法
1:charAt() 查找返回指定位置的字符let str = "js常用字符串方法总结" let str1 = str.charAt(3) // 下标为3的字符 console.log(str1) //用2:length 字符串中包含字符总个数(字母,数字,汉字,标点,空格等)let str = "js常用字符串方法总结" for (var i = 0; i < str.length; i++) { console.log(str.charAt(i
2020-10-14 09:50:08
233
原创 HTML必备知识点
1. 你是如何理解 HTML 语义化的? 让页面内容结构化,它有如下优点1、易于用户阅读,样式丢失的时候能让页面呈现清晰的结构。2、有利于SEO,搜索引擎根据标签来确定上下文和各个关键字的权重。3、方便其他设备解析,如盲人阅读器根据语义渲染网页4、有利于开发和维护,语义化更具可读性,代码更好维护,与CSS3关系更和谐2. canvas画布const ctx = canvas.getContext(‘2d’); // 获取它的2d上下文ctx.fillStyle = ‘green’
2020-10-14 09:50:02
173
原创 VUE 中的事件修饰符
1. .stop:相当于原生JS中event.stopPropagation(),阻止事件冒泡。2. .prevent:相当于原生JS中event.preventDefault(),阻止默认事件的发生。3. .capture:事件冒泡的方向相反,事件捕获由外到内。即有冒泡发生时,有该修饰符的dom元素会先执行,如果有多个,从外到内依次执行4. .self:只会触发自己范围内的事件,不包含子元素。5. .once:事件只能触发一次。6. .passive:事件会执行默认方法。...
2020-10-14 09:49:54
91
原创 vue实现F5刷新整个页面无空白无间隔时间
使用this.$router.go(0)刷新页面,和F5一样,会有空白页时间。可以通过provide / inject即可改变这种效果。1 . 首先在App.vue里面:<template> <div id="app"> <router-view v-if="isRouterAlive" /> </div></template><script>export default { name: "App",
2020-10-14 09:49:47
1145
原创 关于 v-show 和 v-if 对表单校验的影响
v-show (只是隐藏控件 , 不是将其销毁 )当表单控件上使用 v-show 时如果加了校验即使表单控件隐藏了 校验效果还会存在影响程序继续执行v-if ( 直接将控件销毁 )当表单控件上使用 v-if 时就算被销毁的控件上加了校验也不会影响程序继续执行...
2020-10-14 09:49:31
909
原创 vue create 新建项目选项
一 . 安装 vue clinpm install -g @vue/cli二 . 创建项目 vue create ‘项目名’vue create hello-world1、选择 Manually select features (自选项目配置)Vue CLI v3.1.3? Please pick a preset: Manually select features? Check the features needed for your project: (Press <sp
2020-10-14 09:49:23
9217
1
原创 vue 组件 父子传值 子组件触发父组件函数
父组件 在父组件使用的子组件上用 : 变量名冒号绑定一个变量<in-dialog @formVisible="showDialogs" @listOutputInvoices="listOutputInvoices" :dialog-form-visible="dialogFormVisible" :stateCode="stateCode" :inded="inded" :billDetail="billDetail"
2020-10-14 09:49:15
433
原创 v-if 与 v-show
关于 v-if与v-show的问题v-if应用在不会频繁操作的按钮等v-show应用在频繁操作的按钮等v-if的大坑 v-if是将绑定的这个按钮等直接销毁销毁后可能会造成数据混乱v-show就不会有这种情况
2020-10-14 09:49:08
58
原创 关于 vue el-dialog 的问题
element 中 el-dialog与 el-cascader级联选择器一起使用时就算给el-cascader赋值了对应级的数组 []数据还是不会显示只需要在这个el-dialog上加:destroy-on-close="true"每次关闭弹框就会销毁这个组件 这样每次重新赋值就可以显示对应的数据...
2020-10-14 09:49:01
349
原创 vue 中的样式不生效问题
当 页面中的 <style lang='scss' scoped></style> 时存在scss是直接写样式样式会不生效需要在样式前面加上 ::v-deep:: v-deep .a{ ***** }
2020-10-14 09:46:35
1285
原创 vue 侧边栏 和按钮权限
1. 侧边栏权限问题先将全部侧边栏结构数据在 data 中声明将从vux中获取回来的侧边数据和data中定义好的侧边栏数据进行比对 就完成了侧边栏的权限2. 按钮的权限在 main.js 中声明方法 在页面按钮上 v-if 调用就可以实现按钮的权限问题页面上使用挂载到vue上的方法 将按钮的权限传入方法 方法会返回true 或false 实现显示隐藏...
2020-10-14 09:44:41
914
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人