vue子组件怎么调用父组件的方法
在Vue2中组件的props的数据流动改为了只能单向流动,即只能由组件外(调用组件方)通过组件的DOM属性attribute传递props给组件内,组件内只能被动接收组件外传递过来的数据,并且在组件内,不能修改由外层传来的props数据。
可以通过 $emit向父组件触发一个事件
涉及到组件之间的通信的问题。组件之间的通信可以分为以下几种:
父子组件传递,父向子传递采用props,...
vue 菜单 收缩和伸展
<ul class="b1">
<li v-for="(item, index) in menu" :key="index" @click="show(index)">
<div>{{item.name}}</div>
<ul :class ='
Vue中使用set方法过程的一个小发现
http://blog.csdn.net/denl0918/article/details/54292262
vue教程中有这样一个注意事项:
第一种具体情况如下:
运行结果:
当利用索引改变数组某一项时,页面不会刷新。解决方法如下:
运行结果:
三种方式都可以解决,使用Vue.set、vm.$set()或者数组的splice方法。或者用 vm = JSON.p...
Array函数方法 Array
ES6,Array.find()和findIndex()函数的用法
ES6为Array增加了find(),findIndex函数。
find()函数用来查找目标元素,找到就返回该元素,找不到返回undefined。
findIndex()函数也是查找目标元素,找到就返回元素的位置,找不到就返回-1。
他们的都是一个查找回调函数。
[1, 2, 3, 4].find((value, in...
slice,splice,splite区别
slice :
定义:接收一个或两个参数,它可以创建一个由当前数组中的一项或多项组成的新数组,注意是新数组哦~ 也就是说它不会修改原来数组的值。
用法:slice( para1 ),会截取从para1开始的到原数组最后的部分;
slice(para1,para2)会截取原数组的从para1开始的para2-para1个数组。
注意:当两...
vue.js中内联样式style三元表达式
<ul :style="{'height':toggleMenu[index] ? 0 : `${item.subMenus.length*45}px`}"></ul>
【1】当需要过渡的属性初始值为 auto 时,不会进行过渡。
vue中如何定义全局变量 和全局函数
定义全局变量
原理:
设置一个专用的的全局变量模块文件,模块里面定义一些变量初始状态,用export default 暴露出去,在main.js里面使用Vue.prototype挂载到vue实例上面或者在其它地方需要使用时,引入该模块便可。
全局变量模块文件:
Global.vue文件:
<script>
const serverSrc='www.ba...
vue 路由权限限制
function routerXmlFlag (menu, to) {
for (let i = 0; i < menu.length; i++) {
if (menu[i].url === to.fullPath) {
return true
}
if (menu[i].subMenus && menu[i].subMenus.le...
jquery.cookie读取、存储
最近做项目,在前台登录后,再连接其他后台接口的时候却提示我没有登录,可是明明告诉我已经登陆成功了,然后使用postMan测试的时候,却都能成功。这个问题困扰我好久,终于解决了,是传说中说的sess...
bootstrap table 后台分页
先放一个效果图:引用什么js.Css文件大家都知道,不清楚的可以看我的另一篇博客bootStrap table简单使用,直接放js,看重点吧!!!js: //初始化Table
oTableInit.Init = function () {
$('#tb_formalJob').bootstrapTable({
url: httpRequestUrl ...
js读取上传excel的内容
var files = e.target.files;
var fileReader = new FileReader();
fileReader.onload = function (ev) {
try {
var data = ev.target.result,
workbook = XLSX.rea...
tableExport.js 导出表格
1. 需要引入的js<script src="../plugins/table-export/bootstrap-table-export.min.js"></script>
<script src="../plugins/table-export/tableExport.js"></script>2. 我这里使用的是bootstrap-table ...
现代软件工程 第一周 博客作业
自我介绍 大家好,本篇博客为ASE课程的第一次作业。有些人觉得我是一个性格温和,做事有想法有条理的人。我喜欢和师兄师姐们交往,因为很多优秀的兄长们经验丰富,眼界开阔;也喜欢和不同类型的人交朋友,比如其他学科的、性格不同的,等等,因为每个人身上都有闪光点,交友的多样性可以避免自己成为一个眼界狭隘的人。感觉最近两年有点颓,学业成绩退步了,也胖了不少哈哈哈。“见贤思齐焉,见不贤而内自省也”是我最喜欢的一句话。 现状、经验和计划 我为什么选择电子信息工程这个专业?大一结束本想转去数学学院,但是以为
开源项目福利-github开源项目免费使用Azure PipeLine
微软收购Github后,很多人猜想微软可能会砍掉VSTS,然而事实VSTS并没有砍掉,关于Azure Devops的详细信息可以查看 这篇博客,如果想查看原文也可以从链接里提供的原始地址里查看. 今天要介绍的是做Azure devops的ci部分:Azure Pipeline. VSTS升级到Azure Devops之后对开源开发者带来的重大利好消息就是Github开源项目可以免费,无限时和并行运行10个CI/CD作业. 下面将简要介绍Azure PipeLine以及如何把Azure Pipe
react系列(五)在React中使用Redux
上一篇展示了Redux的基本使用,可以看到Redux非常简单易用,不限于React,也可以在Angular、Vue等框架中使用,只要需要Redux的设计思想的地方,就可以使用它。 这篇主要讲解在React中使用Redux,首先是安装。 安装React Redux yarn add redux
yarn add react-redux 有两个概念: 1.容器组件(Container Components) 2.展示组件(Presentational Components) 展示组件 更关注数据展
P2153 [SDOI2009]晨跑
比较显然的拆点费用流。 按照套路,网络流跑两个关键字的最优化问题时,可以把所有的第一个关键字都乘第二个关键字的和,最后计算答案时直接取膜即可。 #include<bits/stdc++.h>
#define il inline
#define vd void
typedef long long ll;
il int gi(){
int x=0,f=1;
char ch=getchar();
while(!isdigit(ch)){
if(ch=='-')
CF1066B Heaters(贪心)
题意描述: Vova先生的家可以看作一个n×1的矩形,寒冷的冬天来了,Vova先生想让他的家里变得暖和起来。现在我们给你Vova先生家的平面图,其中111表示这个地方是加热炉,0表示这个地方什么也没有。所有加热器都有一个加热半径r,一个位于ai加热器可以加热[ai−r+1,ai+r−1]的范围。现在,Vova先生想让他的整个家都变得暖和,一开始所有的加热器都是关闭的,请你求出Vova先生最少要开几个加热器才能使整个家变得暖和 输入输出格式: 输入格式: 第一行:两个整数n,r(1≤n,r≤10
今日推荐
周排行