Vue
Vue
FlyBools
这个作者很懒,什么都没留下…
展开
-
vue路由传参的两种方式(params与query)
①params的类型(需要在路由中配置)es6拼接路由中path配置②query的类型(路由中不需配置)路由中不需配置原创 2021-03-15 22:37:43 · 183 阅读 · 0 评论 -
for...in,for..of与arr中的应用函数
for…infor…in…遍历对象-----遍历obj的keyfor…in…遍历数组下标for…offor…of…遍历数组元素v-for遍历对象,默认遍历value值,index对应key值数组中的应用函数:① map( ) ----返回一个新的数组,数组中的元素为原始数组调用函数处理后的值。例:-----使用map()对数组中的元素 * 2:let arr2 = this.arr.map((n) => {return n * 2})②filter() 方法创建一个新的数组,新原创 2021-03-15 21:39:31 · 208 阅读 · 0 评论 -
vue对象传参(对象)
将要跳转的页面//传递参数//用JSON.stringify( )转换完毕后,再用encodeURIComponent( )将参数转换一下,就可以传参了let obj = {name:’ tome ‘,age:’ 15 ’}var arr = JSON.stringify( this.obj )this.$router.push( ‘/shop/’ + endcodeURIComponent( arr ) )//接受参数//接受参数的时候,用decodeURLComponent( )原创 2021-01-28 20:38:26 · 2616 阅读 · 1 评论 -
v-bind绑定style
class绑定的两种方式:对象语法(偏多),数组语法1.对象语法:style = " {key(属性名):value(属性值)}"key可以驼峰命名①html中直接使用,value必须为字符串(写死情况)②data中设置(引用变量)2.数组语法(很少使用)...原创 2021-01-27 23:31:44 · 70 阅读 · 0 评论 -
动态绑定class
1.基本绑定(data中绑定—字符串形式)2.对象形式(通过修改boolean值,增加class)3.放在methods中4.数组格式(很少使用)原创 2021-01-27 23:14:49 · 172 阅读 · 0 评论 -
ES6路由请求地址拼接
原创 2021-01-23 21:59:46 · 771 阅读 · 1 评论 -
Vue computed计算属性使用
{{totalCount}}data:shopList:[{price:5,num:5},{price:6,num:6}]computed:{totalCount(){let total = 0shopList.forEach(function(ele,index){total += ele.price * ele.num})return total}}totalCount为html中的data值,不需在data中声明,不是方法,实时更新。totalCount为61...原创 2020-12-17 12:27:53 · 221 阅读 · 0 评论