![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
VUE
文章平均质量分 68
爱分享的Martin、
这个作者很懒,什么都没留下…
展开
-
elementui tree 支持虚拟滚动和treeLine (下)
npm发布,自己引入运行后,但是还是出现了问题二的cant resolve 问题。去npm 上查看,发现提交的内容和自己本地的不一致我这里是因为里添加了file 字段,摒弃了提交内容。调整 package.json 后再发布,发现就可以了。原创 2023-06-09 17:23:39 · 1562 阅读 · 2 评论 -
elementui tree 支持虚拟滚动和treeLine (上)
最终在查阅相关资料时,发现github有一个大佬使用vue-virtual-scroller自己写了一个elementui tree的扩展组件。同时这款组件还能完美的继承elementui tree上的属性和方法,算是过渡最为平滑的组件了。需求变更:虽然虚拟滚动实现了,但是在演示的时候领导觉得,还是加个treeLine 更好看。所谓的treeLine 就是tree展开时,侧边那一条条带有结构性质的边线。确认这个ui就是我们要的,下一步就是发布到npm了。的源码上进行调整,毕竟业务代码已经写了那么多了。原创 2023-06-09 14:29:36 · 2629 阅读 · 0 评论 -
elementui 表单验证集合
1.多个字段使用同个校验规则validator { validator: validateIP, trigger: 'blur', name: '首选DNS', empty: true } { validator: validateIP, required: true, trigger: 'blur', name: '网关' }可以在对象中扩展自定义参数,例如name,empty 等统一在校验处理函数中通过rule 获取callback(new Error(rule.name ..原创 2021-10-28 11:36:37 · 708 阅读 · 0 评论 -
vue 路由警告 Duplicate named routes definition
今天在开发的时候,项目报了一个警告Duplicate named routes definition ,这里记录一下解决方式和思路。警告产生的原因根据提示内容,我们大概猜测是和路由的name有关,上网了解了一下,验证了我们的猜测是正确的。警告是由于路由的name 重复导致的。(原理?who care (艹皿艹 ))错误类型虽然我们已经知道警告是由于name重复导致,其实细分一下还是有点不一样的。一是静态路由中的name重复,一是动态路由的name 重复举例说明静态路由:..原创 2021-04-21 15:38:14 · 65476 阅读 · 12 评论 -
vue + elementui 采坑实录
elementui 组件中样式修改不生效 解决方案:去除scope 属性,添加唯一标识类,防止全局污染 全局文件(在main.js 中引入的文件)中添加<style lang="scss">.more-dialog { .el-dialog__title{ font-size: 14px !important; }}</style><style lang="scss" scoped>.el-table { background-原创 2020-12-17 14:09:17 · 1788 阅读 · 1 评论 -
利用webpack简单搭建 .vue环境
https://segmentfault.com/a/1190000020049567原创 2020-11-10 14:40:10 · 1239 阅读 · 1 评论 -
Vscode 如何利用FTP上传文件?
安装扩展 SFTP(支持FTP和sftp协议)按下F1调出命令,输入sftp.config,调整ftp配置,参考内容:{ "name": "10.20.1.135", "host": "10.20.1.135", "protocol": "sftp", "port": 22, "username": "root", "remotePath": "/root/", "uploadOnSave": true, "connectTime原创 2020-10-20 11:30:31 · 2516 阅读 · 0 评论 -
vue 自省知识点——mixin 相关
对vue的mixin我们在项目中经常使用,用于处理一些复用功能。关于mixin,官方是这么描述的:混入 (mixin) 提供了一种非常灵活的方式,来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被“混合”进入该组件本身的选项。官方地址:vue 混入(mixin)这里记录一下mixin 的一些知识点执行顺序...原创 2020-09-30 14:04:19 · 286 阅读 · 0 评论 -
vue 自省知识点——生命周期
生命周期我们普遍了解的的有8个生命周期,beforeCreate,created ,beforeMount, mounted, beforeUpdate,updated, beforeDestroy,destroyed下图阐述了一些相关知识点当看完上面的内容,你可能就觉得自己明白了vue生命周期了,那么可以试着回答下面几个问题(答案放在文章最后):你知道computed 事件发生在哪个生命周期吗?会对页面有什么影响? 我们知道watch 对象键值中,immediate如果为true 代原创 2020-09-29 17:23:33 · 222 阅读 · 0 评论 -
elementui 国际化分模块引入
以上就是我们常用的国家化过程,但是如果国际化内容很多,翻译内容全部存放在zh.js 和 en.js 中就会产生一些问题,所以我们就想到将翻译区分开,得到一个公用的翻译内容 和 各页面各自对应的翻译内容原创 2020-09-28 11:28:55 · 569 阅读 · 0 评论 -
vue 简单的国际化
准备工作目录 :en.js / zh.js(注意 是exports,不是 export,否则会报错 )module.exports = { message: { title: 'Sport Brands' }, placeholder: { enter: 'Please type in your favorite brand' ...原创 2019-02-25 11:24:20 · 171 阅读 · 0 评论 -
Vue-cli3 axios 跨域
一、问题不同服务端做axios请求时: created(){ this.$axios({ method:'post', url:'http://127.0.0.1/AOC/template/post/get_series.php', data:this.qs.stringify({ }) }...原创 2019-03-05 15:55:21 · 1165 阅读 · 0 评论 -
Vue-cli3烦人的eslint
在vue-cli选择生成的时候,有一个询问是否把插件配置文件写在package.json文件里- 如果选择了是打开package.json 就会有以下一段代码"eslintConfig": { "root": true, "env": { "node": true }, "extends": [ "plugin:vue/essentia.原创 2019-03-06 17:46:51 · 8882 阅读 · 0 评论 -
vue 常用插件命令
一、axios 使用安装axios:1):npm install2):npm install vue-axios --save3):npm install qs.js --save //这一步可以先忽略,它的作用是能把json格式的直接转成data所需的格式main.js 引用import Vue from 'vue'import axios from 'axios'imp...原创 2019-03-23 11:28:42 · 325 阅读 · 0 评论 -
vue 下elementui轮播图自适应高度
翻了下api 没有找到对应的属性,所以这里用方法来实现这里的 autoHeight 就是高度,height属性钱前面要有 :<el-carousel :interval="5000" arrow="never" :height="autoHeight"> <el-carousel-item v-for="(banner, index) in banners" :...原创 2019-03-29 15:26:55 · 2425 阅读 · 0 评论 -
vuepress 初探
VuePress是以Vue驱动的静态网站生成器,我理解功能有点类似gitbook,可以做博客或者文档说明。建立文件夹vuepressDemo安装 vuepressnpm install -g vuepress初始化默认配置npm init -y配置package.json{ "scripts": { "dev": "vuepress dev docs"...原创 2019-05-17 15:02:11 · 2124 阅读 · 1 评论 -
uni-app 环游记
- input 搜索回车键监听<input confirm-type="search" @confirm="search()">原创 2019-09-11 17:15:29 · 2452 阅读 · 0 评论 -
vscode + vue 自定义模板
1. 下载vetur 插件2. 代码片段中选中vue(vue.json)3.拷贝下面代码{ // Place your snippets for vue here. Each snippet is defined under a snippet name and has a prefix, body and // description. The prefix is what is ...原创 2019-02-24 17:03:22 · 1177 阅读 · 0 评论