![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
VUE
文章平均质量分 50
凌晨两点半`
人生苦短,及时行乐
展开
-
解决el-table设置了fixed固定列导致的滚动条无法拖动问题
el-table中的el-table-column提供了一个fixed属性设置固定列,但是设置了之后发现表格的滚动条无法拖动了,通过F12定位到页面元素发现是滚动条被固定列生成的元素给覆盖了,于是想办法通过修改样式的方式解决问题<style lang="scss" scoped> .el-table { .el-table__fixed { // 左固定列 height: auto !important; bottom: 18px; // 改为自动高度后.原创 2021-11-11 20:39:28 · 2759 阅读 · 1 评论 -
el-dialog嵌套el-dialog问题
⼀定要⽗级 el-dialog :modal-append-to-body=“false”⼦级 el-dialog 同时加上 :append-to-body=“true”含义:modal-append-to-body 遮罩层是否插⼊⾄ body 元素上,若为 false,则遮罩层会插⼊⾄ Dialog的⽗元素上append-to-body Dialog ⾃身是否插⼊⾄ body 元素上。嵌套的 Dialog 必须指定定该属性并赋值为true...原创 2021-10-28 11:28:39 · 3812 阅读 · 2 评论 -
API fatal error handler returned after process out of memory
报错API fatal error handler returned after process out of memory,导致项目起不来原因分析:进程内存不足后返回致命错误处理程序出现原因:打开应用过多、电脑老旧解决办法:关闭应用重启、换个电脑(我属于后者)参考https://blog.csdn.net/soulwyb/article/details/106205094...原创 2020-12-16 19:52:41 · 1707 阅读 · 3 评论 -
uniApp中 nvue和vue开发 小结
最近接手uniapp开发,对遇到的问题进行总结。什么是nvuenvue(native vue) : 原生渲染为何要用nvue开发weex ,有个很大的问题是它只是一个高性能的渲染器,没有足够的API能力(比如各种push sdk集成、蓝牙等能力调用),使得开发时非常依赖原生工程师协作,开发者本来想节约成本,结果需要前端、iOS、Android 3拨人开发,适得其反。 nvue 解决了这个问题,让前端工程师可以直接开发完整 App,并提供丰富的插件生态和云打包。这些组合方案,帮助开发者切实的原创 2020-12-06 22:50:21 · 8052 阅读 · 0 评论 -
sass变量使用 vue中全局引用sass变量 sass-resources-loader webpack配置
温故而知新SASS允许一个选择器,继承另一个选择器。@extend .class1 { border: 1px solid #ddd; }class2要继承class1,就要使用@extend命令: .class2 { @extend .class1; font-size:120%; }mixin@mixin left { float: left; margin-left: 10px; }使用@include命令,调用原创 2020-09-23 20:53:31 · 1393 阅读 · 0 评论 -
vue 实现 可拖拽 宽度的菜单
用到的知识点一、vue中的自定义指令 directive// 注册一个全局自定义指令 `v-focus`Vue.directive('focus', { // 当被绑定的元素插入到 DOM 中时…… inserted: function (el) { // 聚焦元素 el.focus() }})// 注册局部自定义指令directives: { focus: { // 指令的定义 inserted: function (el) {原创 2020-07-25 12:45:26 · 2659 阅读 · 0 评论 -
element-ui table中屏幕过小是出现错行问题
这个问题是这个框架本身存在的问题,现在已有解决办法新增doLayout方法用于重新计算 Table 的布局使用方法this.$nextTick(()=>{ // 我是每次更新数据的时候让其调用一次 this.$refs.table.doLayout()})开源中国...原创 2020-07-19 14:45:02 · 567 阅读 · 0 评论 -
el-input-number默认值为0如何置空?
el-input-number默认值为0如何置空?el-input-number的v-model绑定值不要为 “” , 而应该写为 undefinedcankao https://blog.csdn.net/qq_31248809/article/details/103761907原创 2020-07-17 10:28:31 · 3035 阅读 · 0 评论 -
vue中refs的妙用
获取DOM元素,一般用document.querySelector获取这个dom节点,然后在获取input的值但是用ref绑定之后,就不需要在获取dom节点了,直接在上面的input上绑定input1,然后$refs里面调用即可this.$refs.input1 这样可以减少获取DOM节点的消耗 <div id="app"> <input type="text" ref="input1"/> <button @click="add">添加</原创 2020-07-16 20:10:30 · 366 阅读 · 0 评论 -
vue中回填时,下拉框/输入框无法选择或输入
<el-input v-model="student.name"></el-input>export default { data () { return { student:{} } }, methods: { update () { this.student.name='莉莉丝' } }}1.这样虽然可以显示值,但是不能修改原因:vue实列创建的时候 student的属性名并未声明原创 2020-07-16 20:06:46 · 1099 阅读 · 0 评论 -
vue父组件中调用子组件的方法
vue父组件中调用子组件的方法方案一:通过ref直接调用子组件的方法;//父组件中<template> <div> <Button @click="handleClick">点击调用子组件方法</Button> <Child ref="child"/> </div></template> <script>import Child from '.原创 2020-07-16 20:01:07 · 931 阅读 · 0 评论 -
vue中路由跳转 配置
配置 export const routes=[{ path:'', component:()=>import('文件路径'), redirect:''//重定义项, meta:{title:'标签名字',icon:'icon图标名字'}, name:''//在做路由守卫的时候会用到name, children:[{ //同上 }]...原创 2019-12-12 20:29:57 · 196 阅读 · 0 评论 -
锚点 两种方法
方法一<a href=”#title-1”>点击跳转到页面中的对应位置</a><div id=”title-1”></div>方法二 <span @click="fun('#title-1')">对应位置</span> fun(selector) { var str= this.$e...原创 2019-12-04 21:18:43 · 545 阅读 · 0 评论 -
element ui 中文官方文档
点击跳转中文官方原创 2019-12-04 21:14:32 · 107665 阅读 · 11 评论 -
vue.filters() 数据过滤方法
解决的问题 筛选数据用的 // ganjueshifeihua创建过滤器的方式 一、在组件的选项中定义本地过滤器 filters: { capitalize: function (value) { if (!value) return '' value = value.toString() return va...原创 2019-11-24 17:15:50 · 2417 阅读 · 0 评论 -
vue.$nextTick() 数据更新视图没有更新
解决什么问题一、数据更新、视图没有更新怎么就用 this.$nextTick(()=>{ //把要执行的方法用this.$nextTick包起来})原创 2019-11-24 16:55:29 · 1405 阅读 · 0 评论 -
vue 树选择组件
vue-treeselect文档原创 2019-11-24 16:50:38 · 259 阅读 · 0 评论 -
如何触发element中el-upload的before-upload方法
before-upload 与 auto-upload的状态是有关系的当auto-upload为true时 before-upload方法才会被触发原创 2019-09-05 17:14:53 · 10770 阅读 · 0 评论 -
vue中三种路由传参方式
动态路由传参方式 (1)index.js中 export default new VueRouter({ routes:[{ path:'/detail/:bookid', component:detail }] }) elli.vue 列表页面中 <li @click...原创 2019-01-15 20:51:16 · 468 阅读 · 0 评论 -
vue中的$router.go()
//返回上一浏览历史中 <span @click="$router.go(-1)"> < </span> //当前页面刷新 <span @click="$router.go(0)"> < </span>原创 2019-01-16 13:22:47 · 7458 阅读 · 0 评论 -
vue的 基础指令及解读
v-show 控制当前元素的display:block属性控制元素的显示隐藏v-on:evennam.修饰符 等同于@eventname.修饰符 注册事件 事件修饰符: 事件操作符可以连用 .prevent 阻止事件默认行为 ...原创 2019-02-21 19:18:00 · 473 阅读 · 0 评论 -
声明周期函数/钩子函数的分析
引入vue后new Vue({ el:"#app", template :`<div> {{title}} </div>`//模板字符串,会替换挂载元素 data:{ title:'hello' }, methods:{//定义方法 }, beforeCreate(){//当属...原创 2019-02-22 20:27:28 · 321 阅读 · 0 评论 -
methods和computed的区分与使用方式
methods 定义方法 ----- 每次都会重新加载 methods:{ fn(){//自定义事件 需要调用 } }computed 计算属性 ----- 会缓存,发生变化时更新视图 computed:{ 方法一 ===>preson(){ }, 方法二 ===》 preson(){ get(){//能够获取到data的数据...原创 2019-02-22 20:36:37 · 387 阅读 · 0 评论 -
手搭路由 解析路由构造
main.jsimport Vue from 'vue'; // 引入vueimport router from './router';//引入路由配置 接口import App from './App'; new Vue({ //挂载 el:'#app', router,//必须是router render:h=>h(...原创 2019-03-02 10:46:13 · 124 阅读 · 0 评论 -
vue中的全局组件和局部组件
全局组件局部组件vue组件中的data属性是一个函数 返回一个对象components在全局组件中 实例和挂载 有顺序之分原创 2019-02-26 15:32:05 · 185 阅读 · 1 评论 -
vue init webpack-simple*和vue init webpack * vue的两种初始化配置 及 区别
vue init webpack-simple 项目名称使用于小型项目为简介版的 轻量级vue init webpack 项目名称配置很详细 适用于大型项目 重量级原创 2019-02-26 16:04:20 · 2086 阅读 · 0 评论 -
vue 中的 better-scroll插件---上拉加载 [详解]
npm i better-scroll 下载第三方插件在vue中引用 import BScroll from ‘better-scroll’import BScroll from 'better-scroll';export default{ data(){ bscroll:null // 方便调用 }, mounted(){ // 钩子函数 只调用一...原创 2019-02-27 10:00:12 · 494 阅读 · 1 评论 -
vue中导航守卫[xiang]
什么是导航守卫 用于在路由跳转前做一些验证,比如做登录身份验证导航守卫的分类全局的, 单个路由独享的, 或者组件级的。全局守卫包含:router.beforeEach(),router.beforeResolve() ,router.afterEach()、路由独享beforeEnter()组件内的守卫beforeRouteEnter、beforeRouteUpdat...原创 2019-05-19 16:13:25 · 335 阅读 · 0 评论 -
vue安装和卸载
安装最新版本 npm install -g @vue/cli或 yarn global add @vue/cli卸载之前版本npm uninstall vue-cli -g 或 yarn global remove vue-cli查看vue --version或vue -V原创 2019-05-12 11:16:43 · 84102 阅读 · 5 评论 -
vue.runtime.esm.js?2b0e:619 [Vue warn]: Avoid mutating a prop directly since the value will be overw
vue.runtime.esm.js?2b0e:619 [Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on t...原创 2019-05-13 16:40:24 · 8779 阅读 · 2 评论 -
react上线后,请求数据报、404/502
需要下载一个http-proxy-middleware插件解决跨域问题原因:没有上线之前所设置的那个代理失效//app.jsvar express = require("express");var app = express();var proxyMiddleWare = require('http-proxy-middleware');var path = require('...原创 2019-07-02 18:17:29 · 1491 阅读 · 0 评论 -
react中的守卫
react的守卫和vue的不同 vue是自己分装过得,可以直接使用 react需要自己分装出来一个 /* 高阶组件 */ 来实现守卫的 eg: import React, { Component } from 'react';import { Redirect } from 'dva/router';// import { getCookie } from '../until/c...原创 2019-07-02 18:23:30 · 339 阅读 · 0 评论 -
vue项目如何刷新当前页面
1.场景 在处理列表时,常常有删除一条数据或者新增数据之后需要重新刷新当前页面的需求。遇到的问题 1. 用vue-router重新路由到当前页面,页面是不进行刷新的 2.采用window.reload(),或者router.go(0)刷新时,整个浏览器进行了重新加载,闪烁,体验不好解决方法 provide / inject 组合 ...原创 2019-08-29 18:59:26 · 194 阅读 · 0 评论 -
vue中的 data(){}、components:{}、methods:{}、props:{}的使用方法
data(){}定义属性 ( 返回一个对象)components:{}(组件 要注册的组件)methods:{} (事件处理 点击函数所放置的位置)props:{} (父传子 数据传递)应用App.vue中 <template> <ul> <my-li v-for="(item,index...原创 2019-01-14 11:36:52 · 9206 阅读 · 0 评论