vue

第一步： 执行命令： cnpm i lrz -S 第二步： 在main.js中引入： import lrz from 'lrz' 第三步： 使用函数：  返回结果是一个promise对象。 lrz( file, [ options ] ) .then(function(rst) { //成功时执行 }).catch(function(error) { //失败时执行 }).always(funct…

当 <style> 标签有 scoped 属性时，它的 CSS 只作用于当前组件中的元素。这类似于 Shadow DOM 中的样式封装。它通过使用 PostCSS 来实现以下转换： <template> <div class="example" data-v-f3f3eg9>hi</div> </template> <style&g…

vue2 项目创建的方式 vue create name 命令行方式创建 vue ui 图形化方式创建 项目中的命令 首先在cmd命令行窗口中确认是在项目的根目录中，才能正确的启动命令 开发环境命令： npm run serve 打包便衣命令： num run build vue2里的核心特点--数据双向绑定[相应] v-model是双向数据绑定指令 原理：基于Object.definePrope…

目录 axios封装 openid vue vue+ts axios封装 一般会在项目的src目录中，新建一个文件夹，作为网络请求模块，用来封装axios， 创建axios实例： axios.create([config]) //可以使用自定义配置新建一个axios实例 // 配置 const service = axios.create({ baseURL: process.env.VUE_AP…

最近在使用vue+iview开发一个后台管理类的系统，希望做一个点击左侧菜单右侧的页签与内容都能相对应的改变。但搞了好久的路由也没有实现这个功能。刚开始使用vue+iview不知道iview-admin可以直接拿来使用，布局之类的开箱即用，可是自己的demo已经写了好久不忍心放弃。 一、使用iview的menu和tab做布局，将这两个组件放到主页面 由于menu与tab的数据相同且样式需要进行关联…

目录 总结： 组件的自定义事件 1.一种组件间通信的方式， 2.使用场景: 3.绑定自定义事件: 4.触发自定义事件:this.$emit('atguigu',数据) 5.解绑自定义事件 this.$off('atguigu') 6.组件上也可以绑定原生DOM事件，需要使用native修饰符 7.注意:通过this.$refs.xxx.$on('atguigu，回调) 一、组件自定义事件绑定 方式…

一、首先介绍一下数据可视化Echarts 数据可视化, 说白了, 就是把数据以更加直观的方式进行呈现. 那什么方式是更加直观的方式呢? 就是图表. ECharts是百度公司开源的一个使用 JavaScript 实现的开源可视化库，兼容性强，底层依赖矢量图形库 ZRender ，提供直观，交互丰富，可高度个性化定制的数据可视化图表。它的优点是：开源免费，功能丰富，移动端的优化，跨平台...... 下…

作为一个前端小白，今天遇到一个vue下拉框回显问题，可以看到回显为数字，而不是对应的文字，就很纠结。然后通过网上查询加上自己尝试发现，因为自己是取字典表数据下拉，字典表里面是string类型，而我自己将字段定义为int类型，导致出现此类问题。 有两种方式解决： 1.将实体里面定义的那个字段改为string型。 2.将value的值用Number包起来，即 <el-option v-for="…

1.安装 npm install font-spider -g 2.查看版本: font-spider -v 出现版本号就代表成功 3. 因为vue打包项目生产的文件后缀都会生成动态字符,所以我们在存放字体的文件夹里面新建一个index.html，引入字体文件,字蛛会帮我们自动检测 4.cmd进入font文件夹,输入命令font-spider index.html 5.成功,对比字体前后大小 从1…

前言 本文demo实现效果如图 demo分为左侧菜单栏与顶部菜单栏 点击顶部菜单栏箭头图标实现左侧菜单折叠 vue2 方法一 在main.js中全局注册----vue Bus总栈 new Vue({ el: '#app', router, store, //使用store vuex状态管理 components: { App }, template: '<App/>', data: {…