![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
liuhongyi0104
step is all
展开
-
vue 子组件向父组件发送数据
直接分二步 一. 在子组件数据发生改变时或者改变后的触发函数中,提交要发送的数据,格式如下:this.$emit(‘key’,data1,data2); key 为一个字符串标识,后面为传递的数据。二 . 在父组件中接受这些数据 格式如下: <child v-on:key='fun'><child> <script> methods:{ fun(data1,data2){原创 2017-07-19 15:23:05 · 1227 阅读 · 0 评论 -
Vue v-for 时,单个元素class的控制
Vue v-for 时,单个元素class的控制只要一句表达式,加一个控制控制变量<template> <ul> <li v-for="(item,index) in arr" :class="{red:index==indexPrev}" v-on:click="changeColor(index)">{{item}}</li></ul> </template><sc原创 2017-08-22 13:27:54 · 6148 阅读 · 0 评论 -
Vue filter computed watch 的用法
computed 的属性不能作为函数使用 ,filter 的方法可以作为函数使用 watch 的属性函数 computed: { fullName: { // getter get: function () { return this.firstName + ’ ’ + this.lastName }, // setter set: function (newValue)原创 2017-09-22 20:39:55 · 1288 阅读 · 0 评论 -
vue2 router 动态传参,多个参数
vue2 router 动态传参,多个参数一 :方法一 <span class="look" title="查看" @click="view(item.id)"></span> view(id){ this.$router.push({path:"/cbimToolsBack/toolsDetail",query:{id:id,mode原创 2017-04-19 16:52:34 · 27989 阅读 · 1 评论 -
vue 中 父组件对子组件设置v-if 属性应注意
比如 :<add-roles v-if="flag" :id="current_id" ></add-roles>有个函数把flag 设置为true 子组件显示 look_role(id){ this.flag = true this.current_id =id },子组件pr...原创 2018-03-19 19:03:43 · 9432 阅读 · 0 评论 -
vuex 简单使用
在vue 组件中 执行enabledcheckbox方法 ,true 为参数,用来改变state中的值 this.$store.dispatch("enabledcheckbox",true) 从state获取useredit的值 this.$store.state.useredit2 在vuex导出的对象对添加 值到state 添加 mutations 来...原创 2018-03-22 10:57:51 · 175 阅读 · 0 评论 -
es5 Array 的filter 和 map实际用途
我举一个简单的添加模块的例子: 这个是在vue 中写得一个简单的功能 把打钩的模块拿出来发送给 后端加个假设 后端给的数据是 :data:[{id:1,name:"评论管理"},{id:1,name:"资源包管理"},{id:1,name:"资源库管理"}]我们先用map 给 data 的每个对象构造一个checked 属性:data= data.map(item =>...原创 2018-03-28 19:48:13 · 498 阅读 · 0 评论 -
vue中 radio 的诡异现象
两层v-for 时 radio 无法在第一个v-for中选定 <div v-for="(item,index) in tools.property.shit"> <label style="line-height: 36px;" v-if="item.inputType=='单项选择'" v-for="x in item.items" >原创 2018-04-19 20:03:03 · 1654 阅读 · 0 评论