vue
文章平均质量分 69
Angela-
来自外太空的前端程序猿~
展开
-
pnpm项目运行启动以及如何迁移到内网
3个重要部分,缺一不可.pnpm-stroe文件夹项目源码,不能有node_modules文件夹pnpm i 执行完 生成的 pnpm-lock.yaml 文件。原创 2023-06-20 11:19:28 · 3183 阅读 · 6 评论 -
国际电话组件封装使用以及vuephonenumberinput属性解读
phone-number-input组件描述:国际电话输入组件。适用场景:电话号码输入框。propspropstypedefaultexplainvalueString‘’组件绑定的值,默认为空errorBooleanfalse值为true时展示校验失败的外观no-exampleBooleanfalse是否展示输入示例disabledBooleanfalse是否禁用clearableBooleanfalse是否可清空.原创 2021-09-01 11:19:37 · 4069 阅读 · 2 评论 -
封装附件预览组件 图片 pdf预览(vue+elementui)
附件预览组件目录previewpropseventusage效果图组件源码目录preview组件描述:附件预览组件。适用场景:根据文件流前端预览。propspropstypedefaultexplainpreviewDownLoadBooleantrue是否启用内部下载接口,默认启用propObject{配置字段prewKey: ‘url’,prewKey:预览接口发送的keyname: ‘name’,name:文件名原创 2021-07-28 16:30:01 · 2148 阅读 · 3 评论 -
vue+cesium cesium数据量太大 导致浏览器卡顿 解决办法
如题 博主在开发过程中遇到了问题就是 当数据量过大时 浏览器特别卡情景: 每秒实时渲染数据效果:当前数据没有渲染完就开始渲染下一秒的数据了如何将巨大的数据 在一秒内快速渲染到页面上呢?解决方案 : 不要把任何的cesium对象 放在data中监听, 因为在data中的变量 , vue会劫持数据 , 导致迟缓。解决方式:1.将viewer 挂在到window对象下window.viewer = viewer以后每次使用都window.viewer来获取viewer对象 2.将任何的原创 2020-10-20 15:44:59 · 9945 阅读 · 10 评论 -
VUE+ElementUI构建管理后台项目经验与技巧必看!
以下是整个功能的全部代码哟——第一部分:vue-cli脚手架的搭建一、安装vue-cli脚手架构建工具vue-cli 提供一个官方命令行工具,可用于快速搭建大型单页应用。该工具提供开箱即用的构建工具配置,带来现代化的前端开发流程。只需几分钟即可创建并启动一个带热重载、保存时静态检查以及可用于生产环境的构建配置的项目:安装:$ cnpm install -g @vue/cli //g表示全局安装安装完成之后输入 vue -V(注意这里是大写的“V”),如下图,如果出现相应的版本号,则说明安装成原创 2020-09-09 15:17:46 · 1939 阅读 · 0 评论 -
vue cli4 快速搭建项目
1.前提是先要安装node2.全局安装vue npm i vue -g3.全局安装vue-clivue npm i vue-cli -g4.生成vue项目 vue init webpack projectname ps:项目名称不支持大写字母5.根据自己需要配置各项:5.完成的提示6.启动项目 npm run dev...原创 2020-09-04 14:08:29 · 2188 阅读 · 0 评论 -
Vue packages version mismatch: 版本始终不对的解决方案
Vue packages version mismatch:- vue@2.4.4- vue-template-compiler@2.5.13This may cause things to work incorrectly. Make sure to use the same version for both.If you are using vue-loader@>=10.0, simply update vue-template-compiler.If you a原创 2020-09-04 14:02:15 · 3976 阅读 · 0 评论 -
vue中如何使用layui
vue中使用layui只能下载官方的包,然后引用js/css文件。 1.下载layui包[> https://www.layui.com/](https://www.layui.com/)原创 2020-01-16 14:00:35 · 11162 阅读 · 10 评论 -
vue全局组件自动注册
组件的目录结构:子组件的name必须写自动全局注册:1.要新建个global文件夹,里面的js文件是对各个子组件的导入导出操作。2.components下新建index.js文件index.js对global下各个导出的组件进行全局自动注册操作。3.main.js入口文件引用components文件夹到此就注册完毕了使用:刚才说到子组件name必写,页面中使用时对应的子...原创 2019-11-14 11:10:08 · 3565 阅读 · 0 评论 -
封装elementUI-树组件
封装树组件,父子级不关联,并为树组件添加右键功能。源码如下...原创 2019-11-08 18:16:09 · 2824 阅读 · 1 评论 -
封装elementUI-表格组件
```javascript<template> <el-table :data="data" :border='border' :stripe='stripe' :height='height' :fit ='fit' :formatter_Prop='formatter_Prop' :formatter_Dat...原创 2019-11-08 18:04:31 · 2195 阅读 · 0 评论 -
封装elementUI-分页器-注册全局组件
本文将介绍如何封装elementui,具体的实现过程,以及如何使用封装过的组件。封装elementUI组件一共3个步骤1.写子组件:也就是对elementUI组件进行封装2.注册组件:本文是将封装过的组件进行全局注册3.使用组件...**全局注册封装的组件main.js:**import pagination from '@/components/pagination/pagination.vue'Vue.component('pagination',pagination) ...原创 2019-11-04 17:36:41 · 3138 阅读 · 0 评论 -
webpack构建vue项目
众所周知,vue运行及打包命令:npm run dev 、npm run build.vue脚手架工程,每次只能运行一个服务,如果有两个工程,需要两套vue脚手架,同理,有10套工程就要10套vue脚手架。楼主工作中遇到的情况就是如此,由于项目的需要,产品的不同模块对应后端不同的打包地址,因此,前端就需要将不同的页面进行打包,进而衍生出多个vue工程。请看下图...原创 2019-10-28 10:55:24 · 2962 阅读 · 0 评论 -
前端有用的文章
在这里记录一下我认为的好文:vue-cli webpack配置分析:https://segmentfault.com/a/1190000008644830原创 2019-09-27 16:55:00 · 4948 阅读 · 0 评论 -
前端的实习经历
博主来自辽宁沈阳一个普通的本科院校,计算机科学与技术专业,想在北京发展,所以在北京找了前端工程师实习岗位的工作。刚开始实习的...原创 2019-09-27 10:34:15 · 12905 阅读 · 8 评论 -
关于VUE打包后index.html文件中的静态资源路径配置
问题:vue 使用 npm 命令:npm run build 打包后生成dist文件夹,其中的index.html文件引用的静态资源:css文件和js文件没有引号,如图:解决:修改配置文件:build文件夹下的webpack.prod.conf.js文件,将removeAttributeQuotes: true修改为false,removeAttributeQuotes: false如...原创 2019-09-20 10:23:06 · 11855 阅读 · 0 评论 -
vue动画-自定义组件
在开发时,有时候一些组件满足不了目前的需求,这时候就需要自己开发组件了,然后使用自己开发的组件(插件)到项目中,组件的引用方式有两种,一种是import,另一种是vue.use(),element-ui在引用时就要import ElementUI from 'element-ui'vue.use(ElementUI);而引用axios时只需要import axios from 'axio...原创 2019-08-05 13:04:53 · 4510 阅读 · 0 评论 -
vue-router中query和params
vue传参有两种方式:标签式和编程式编程式传参有query和params两种,下面说说这两种方式如何实现传递参数,以及如何接收参数。目录1.query传参2.params传参1.query传参//js路由文件路由写法 {path:"recipe",component:Recipe},//用query传参不需要参数:rname//a.vue文件传递参数rname...原创 2019-02-22 13:02:56 · 3740 阅读 · 0 评论