随笔分类 - vue
vue知识点及项目中的问题
摘要：最近在项目中遇到移动端和pc端样式冲突的问题。加上scoped会导致 v-html 下绑定的标签样式不生效、第三方引用的类库对其修改也不生效，特此总结一下几点，用来解决： Vue为v-html中标签添加CSS样式 1 <template> 2 <div class="hello"> 3 <secti
阅读全文
摘要：vue页面中的一部分实现预览pdf功能 一、全屏预览模式 先说直接全屏预览的，直接axios获取到数据，将流转为二进制文件， 可以window.open(后端返回文件流，前端把流转成url，在使用window.open就会打开一个新标签页全屏展示pdf) 也可以嵌入到a标签的href属性中 二、利用
阅读全文
摘要：一、前言 在我们开发过程中，为了提高开发效率，降低开发难度，我们会直接使用组件库来实现，同时也衍生出了很多优秀的组件库，如：饿了么、蚂蚁、Iview、vant等等。但是有时这些组件库提供给我们的组件不满足我们的需求或者定制组件时成本太高，那么我们就要手动实现了。 二、递归组件是什么？ 字面理解为层层
阅读全文
摘要：在vuex中可以使用辅助函数和this.$store.state.xxxx两个用法 vue3用的vuex为4版本，vue2用的vuex则为vuex的3版本 因为在vuex中，vue开发者工具监听的是mutations的事件改值，mutations改一次就能监听一次，actions也可以改，改了开发者
阅读全文
摘要：vue通信手段有很多种,props/emit、vuex、event bus、provide/inject等,还有一种通信方式,那就是$attrs和$listeners,下面这篇文章主要给大家介绍了关于Vue封装组件利器之$attrs、$listeners使用的相关资料,需要的朋友可以参考下 前言 多
阅读全文
摘要：什么是函数式组件？ 我们可以把函数式组件想象成组件里的一个函数，入参是渲染上下文（render context），返回值是渲染好的HTML 对于函数式组件，可以这样定义： Stateless(无状态)：组件自身是没有状态的 Instanceless(无实例)：组件自身没有实例，也就没有this 由于
阅读全文
摘要：开发中有测试环境，开发环境，他们的后端url接口都不一样，有些插件需要在测试环境使用，而到了生产环境就不需要使用，比如移动端的调试神器vconsole，到了生产环境就不需要用了 具体配置如下 首先在跟目录创建三个文件 分别是.env.development、.env.production、.env.
阅读全文
摘要：html: <div v-for="item in chatList" :class="item.toUserType?'patient':'doctor'" @touchstart.stop="gtouchstart($event,item.msgId,item)" @touchmove.stop
阅读全文
