vue
LinDaiuuj
上善若水,虚怀若谷
展开
-
permTreeRef.value is undefined
问题描述:el-tree 在打开弹窗的时候使用,permTreeRef.value is undefined,就是数据是有的,但是回显值不显示,顺序的问题;纠正:在异步打开表单弹窗并且。后正确显示回显值,加一个。原创 2024-03-18 15:17:53 · 355 阅读 · 0 评论 -
vue的基本知识点
进阶图用到 props 主要是用来接收父组件传递而来的主面板数据,例如 hasScale 用于在父组件调用面板组件时,传递一个 Boolean 值告诉面板组件是否支持缩放。而 progressData 则是用来接收渲染面板的数据,要注意的是,父组件中的传递名称应该和子组件中的 props 中定义的名称一致。如下是关于 props 在进阶图中的应用。props 可以是数组或对象,用于接收来自父组件的数据。转载 2024-01-24 12:01:48 · 15 阅读 · 0 评论 -
vue3 小白学习零散笔记
scope.$index→拿到每一行的index。scope.$row→拿到每一行的数据。1. 表格中的scope。原创 2023-10-23 17:32:55 · 67 阅读 · 0 评论 -
vue 安装(看图就够了,皮卡皮卡)
其他都是n原创 2021-11-23 16:47:37 · 350 阅读 · 0 评论 -
vue 中父子组件传递通信(看图就会了,皮卡皮卡)
1. props (父传子,传递数据,不传递属性和方法)2.ref , $refs(和props差不多传递属性和方法,不传递数据)3.$emit (子传父)原创 2021-11-23 16:16:52 · 424 阅读 · 0 评论 -
element ui 对tab的lable设置样式的方法
<el-tab-pane label="网游(14)" name="first" color=" red"> <searchLi></searchLi> </el-tab-pane>方法 :类名前面加/deep/eg:/deep/ .el-tabs__item.is-active{ @extend .classfont; font-weight: bold;}...原创 2021-05-26 19:19:25 · 774 阅读 · 0 评论 -
vue 双重for循环
<ul class="appList"> <li v-for="(item,key) in appList" :key="key"> <img :src="item.icon" :alt="item.name" /> <p>{{item.name}}</p> <div> <span v-for="(tagItem,key) in item.tags" :.原创 2021-05-26 13:39:28 · 1154 阅读 · 0 评论 -
值得学
转自:https://www.cnblogs.com/CyLee/p/5830186.html一些值得练习的github项目精心收集的有用的JavaScript代码片段,你可以在30秒或更少的时间内理解。https://30secondsofcode.org/https://github.com/Chalarangelo/30-seconds-of-code?utm_sou...转载 2019-06-04 09:27:37 · 208 阅读 · 0 评论 -
vue首页加载优化
vue 首页加载过慢优化方案1.异步路由加载,如下形式 { path: '/', name: 'Index', component: () => import('@/components/index/index') },2.在body中采用cdn引入<script src...原创 2019-05-31 18:03:29 · 706 阅读 · 0 评论 -
keepActive
转自:https://segmentfault.com/a/11900000081230351.基本用法vue2.0提供了一个keep-alive组件用来缓存组件,避免多次加载相应的组件,减少性能消耗<keep-alive><component> <!-- 组件将被缓存 --></component></keep-alive>有...转载 2018-05-30 14:25:09 · 759 阅读 · 0 评论 -
VUE双向绑定
转自:http://www.cnblogs.com/qiuchuanji/p/8819697.htmlVue是一个提供了MVVM风格的双向数据绑定的Javascript库,专注于View层,也就是视图层。它的核心在于VM,不直接去操作DOM,而是将Model和View连接起来,保证视图和数据的一致性。Vue的核心是采用 es6的Object.defineProperty来实现双向数据绑定的。 一、...转载 2018-06-05 14:51:35 · 223 阅读 · 0 评论 -
vue父子组件传值
作者:小小字符链接:https://www.jianshu.com/p/4f2c0acedb04來源:简书1.前言组件是Vue.js最推崇的,也是最强大的功能之一,他的核心目标是为了可重用性高,减少重复性的开发,我们可以把组件代码按着 template、style、script的方式拆分,放置在对应的.vue文件中。组件可以理解我预先定义好的ViewModel类,他的核心包括以下几个:templa...转载 2018-04-17 15:28:41 · 276 阅读 · 0 评论 -
总结别人对webpack的理解
转自:https://blog.csdn.net/liujie19901217/article/details/51026943webpack就是一切都可以当成模块,require引入,不是js的通过loader解释一下,然后打包到一个js文件,html页面在script引入它,那么大的js只是减少了http请求次数Webpack 是什么webpack是一款模块加载器兼打包工具,它能把各种资源,例...转载 2018-04-17 16:57:07 · 3380 阅读 · 2 评论 -
vue的面试题
作者:约翰码农链接:https://www.jianshu.com/p/6d8ce449a004來源:简书1、active-class是哪个组件的属性?嵌套路由怎么定义?答:vue-router模块的router-link组件。2、怎么定义vue-router的动态路由?怎么获取传过来的动态参数?答:在router目录下的index.js文件中,对path属性加上/:id。使用router对象的p...转载 2018-04-18 17:18:59 · 2726 阅读 · 1 评论 -
vuex
转自:https://segmentfault.com/a/1190000009404727如果你在使用 vue.js , 那么我想你可能会对 vue 组件之间的通信感到崩溃 。我在使用基于 vue.js 2.0 的UI框架 ElementUI 开发网站的时候 , 就遇到了这种问题 : 一个页面有很多表单 , 我试图将表单写成一个单文件组件 , 但是表单 ( 子组件 ) 里的数据和页面 ( 父组件...转载 2018-04-23 15:19:16 · 176 阅读 · 0 评论 -
vue相关
作者:卟想苌亣链接:https://www.jianshu.com/p/e37f4dde49a2來源:简书目录UI组件开发框架实用库服务端辅助工具应用实例Demo示例UI组件element ★13489 - 饿了么出品的Vue2的web UI工具套件Vux ★8133 - 基于Vue和WeUI的组件库iview ★6634 - 基于 Vuejs 的开源 UI 组件库mint-ui ★6253 - ...转载 2018-04-19 15:52:14 · 303 阅读 · 0 评论 -
vue面试总结
vue试题:1.如何做到和dom和数据的双向绑定(两种方式)?2.列表渲染常常采用什么进行渲染?3.如何动态绑定参数?4.v-if和v-show的区别?5.如何获取当前组件元素?6.mounted和created谁先执行,区别是什么?7.如何让vue绑定事件阻止事件冒泡,运用场景是什么?8.对于this.$nextTick的理解?9.对于父子组件如何通信?10.Vue数据dom双向绑定的JS原理是...原创 2018-05-17 10:36:22 · 1525 阅读 · 0 评论 -
vue实现组件通信 的实现方法
实现组件通信 的实现方法1.bus(中央事件总线)2.this.$parent(父链)3.ref this.refs(子组件索引)父子组件间的通信最好使用props(父->子)和$emit(子($emit)->父($on))...原创 2018-04-26 14:57:54 · 298 阅读 · 0 评论 -
vuex
转自:https://segmentfault.com/a/1190000007516967正文关于vuex类的新闻最近很多,看到眼热就去查了下资料,然后扯出来一堆flux、redux、state、state之类的概念,以及大型工程必要性之类的。看官方手册也是昏昏然。然而,我还是弄懂了!我准备从demo出发,以同样的一个最简单的demo,演示两种情况下的代码编写情况:单纯依赖于vue.js依赖vu...转载 2018-04-28 17:55:00 · 115 阅读 · 0 评论 -
vue日常总结
1.事件和属性:事件指的是在与用户交互中发生某种状态的改变的过程。如,你移动了一下鼠标,鼠标的位置和指向的元素发生了改变,这样就发生了一个关于鼠标的move事件。属性指的是事件所引发的状态以及事件本身特有的一些性质。2....原创 2018-05-25 15:42:30 · 243 阅读 · 0 评论 -
axios
转自:https://www.jianshu.com/p/df464b26ae58一、安装1、 利用npm安装npm install axios --save2、 利用bower安装bower install axios --save3、 直接利用cdn引入<script src="https://unpkg.com/axios/dist/axios.min.js"></scri...转载 2018-05-15 16:45:10 · 408 阅读 · 0 评论 -
vue搭建
转自:https://www.cnblogs.com/xiaonizi2/p/7162676.htmlvue 项目搭建cli 方式安装 集成了内置webpack 模块安装步骤 1、全局安装 vue-cli$ npm install --global vue-cli 2、 创建一个基于 webpack 模板的新项目$ vue init webpack my-project3、安装依赖,走...转载 2018-05-23 13:28:55 · 227 阅读 · 0 评论 -
vue上 中 下
转自:https://www.jianshu.com/p/2b661d01eaf8作者:datura_lj链接:https://www.jianshu.com/p/2b661d01eaf8來源:简书一、那么我们就从最简单的环境搭建开始:安装node.js,从node.js官网下载并安装node,安装过程很简单,一路“下一步”就可以了(傻瓜式安装)。安装完成之后,打开命令行工具(win+r,然后输入...转载 2018-04-16 14:54:01 · 828 阅读 · 0 评论