随笔分类 - vue
摘要：最近收到的很多问题都是关于Vue3组件库的问题 今天就给大家推荐几个基于Vue3重构的开源组件库 目前状态都处于Beta阶段，建议大家抱着学习的心态入场，勿急于用到生产环境 Ant-design-vue ant-design-vue 是 Ant Design 的 Vue 实现，组件的风格与 Ant
阅读全文
摘要：前言： 这个搭建脚手架的话实际是我们创建一个新项目的第一步，当然，现在脚手架4.0都出来了，经过使用后发现跟我们之前的3.0使用方法是答题一样的，其中用vue-cli3.0来搭建我们的项目的话又分为两种，一种是直接用3.0的typescript的方法来创建使用项目，但是实际生活中我们会发现，这种语法
阅读全文
摘要：方便的Vue2到Vue3生命周期映射直接来自Vue3 Composition API文档，我认为这是了解事物将如何变化以及如何使用它们的最有用的方法之一。 beforeCreate -> use setup() created -> use setup() beforeMount -> onBefo
阅读全文
摘要：https://v3.cn.vuejs.org/ https://vue-docs-next-zh-cn.netlify.app/guide/installation.html#vue-devtools https://www.vue3js.cn/docs/zh/ element vue3 http
阅读全文
摘要：1. Vue 无法检测实例被创建时不存在于 data 中的 property 原因：由于 Vue 会在初始化实例时对 property 执行 getter/setter 转化，所以 property 必须在 data 对象上存在才能让 Vue 将它转换为响应式的。 场景： var vm = new
阅读全文
摘要：项目使用 vue-cli 3 在项目中使用 sass npm install sass-loader --save -D cnpm install sass-loader --save -D (cnpm 更加好安装) 使用 sass ，需要安装其依赖的模块 node-sass ， npm insta
阅读全文
摘要：前言 我们都知道, Vue和React是构建客户端应用程序的框架。默认情况下，可以在浏览器中输出自定义组件，进行生成 DOM 和操作 DOM, 也就是我们常说的客户端渲染, 并且我们大部分主流的场景都是SPA(单页面)应用, 而随着 SPA尤其是 React、Vue、Angular 为代表的前端框架
阅读全文
摘要：在SPA单页面组件的开发中 Vue的vuex和React的Redux 都统称为同一状态管理，个人的理解是全局状态管理更合适；简单的理解就是你在state中定义了一个数据之后，你可以在所在项目中的任何一个组件里进行获取、进行修改，并且你的修改可以得到全局的响应变更。下面咱们一步一步地剖析下vuex的使
阅读全文
摘要：兄弟组件之间进行传值（非父子组件）； 安装：npm install vue-bus 在main.js中引入vue-bus import Vue from 'vue'; import VueBus from 'vue-bus'; Vue.use(VueBus); 在组件中使用： A组件触发事件： th
阅读全文
摘要：首先我们结合 Vue 和 Vuex 的部分源码，来说明 Vuex 注入 Vue 生命周期的过程。 说到源码，其实没有想象的那么难。也和我们平时写业务代码差不多，都是方法的调用。但是源码的调用树会复杂很多。 为何使用 Vuex 使用 Vue 我们就不可避免的会遇到组件间共享的数据或状态。应用的业务代码
阅读全文
摘要：
阅读全文
阅读全文
摘要：1.先看看实现的图 一. 添加添加复选框列 <el-table v-loading="zongShipLoading" tooltip-effect="dark" :header-cell-class-name="cellClass" height="350" ref="changeTable" @
阅读全文
摘要：目前在官方没有解决这个bug前如果有人碰到类似问题。建议大家监听table数据，每次数据得到或改变的时候去重新渲染一下 /* 监听table数据对象 */ watch: { tableData(val) { this.doLayout(); } } /* 重新渲染table组件 */ doLayou
阅读全文
摘要：前言：在vue2.0中使用百度echarts有三种解决方案。 一、原始方法直接使用 这样每次都要获取图表dom元素 然后通过setOption渲染数据，最后在mounted中初始化。很麻烦。 <template> <div> <div id="typeChart" style="width: 600
阅读全文
摘要：有这样一个需求，用户可以增加多个输入框可以编辑： 实现的思路很简单，点击增加的时候，往一个数组里面push一条数据即可： <template> <div> <div v-for="(item,k) in prodForm.seqNos" :key="k"> <input type="text" v-
阅读全文
摘要：1.首先在项目中安装依赖 npm i postcss-aspect-ratio-mini postcss-px-to-viewport postcss-write-svg postcss-cssnext postcss-viewport-units cssnano --S 2.修改.postcssr
阅读全文
摘要：1.首先安装依赖 npm install node-sass sass-loader --save-dev 2.找到build中webpack.base.conf.js,在rules中添加scss规则 { test: /\.scss$/, loaders: ['style', 'css', 'sas
阅读全文
摘要：window.location.href = "excel地址" 如果是 get 请求，那直接换成 window.open(url) 就行了 创建一个隐藏的 iframe，把 iframe 的 src 指向这个 url，就可以下载了 如果是 post 请求，那创建一个 form，target 指向这
阅读全文
摘要：需求：在线浏览pdf文件，并且禁止掉用户下载打印的效果。 分析：普通的iframe、embed标签都只能实现在线浏览pdf的功能，无法禁止掉工具栏的下载打印功能。只能尝试使用插件，pdfobject.js这个插件可以实现功能，而且操作简单，但是兼容性不好，不兼容火狐、ie浏览器。于是替换成pdf.j
阅读全文
摘要：我是通过 <iframe> 标签就可以满足我工作的 pdf预览需求 如果<iframe> 无法满足需求 ， 可以使用pdf.js这个插件，功能强大。 <iframe :src="url" type="application/x-google-chrome-pdf" width="100%" heig
阅读全文
