Vue
cherry杨
程序媛,研究僧,热爱我选择的一切
展开
-
Vue 监听多个input框是否都存在值
<div class="inner clear"> <input type="text" placeholder="第一个输入框" v-model="input1"></div><div class="inner clear"> <input type="tex原创 2018-08-01 11:18:45 · 11557 阅读 · 5 评论 -
Vue 父子组件通信
**页面描述:** 一个页面上有3个表格,对这些表格的某些列实现搜索功能,具体的表格为子组件,搜索框为父组件。 用截图画了一下,大家凑合看蛤~ 貌似看完这个破图更懵了啊哈哈(笑哭.jpg) 别怕,来看一下router就清楚啦! **实现过程:** home组件含有3个子组件,分别为表格具体内容,其中,搜索框写在父组件中,即home模块内。 home.v...原创 2018-08-22 11:11:34 · 1512 阅读 · 0 评论 -
原来代码可以这样写之Vue的学习心得
1、total后的值使用计算属性展示,点击选中之后,total只计算选中行的价格,因此,将computed钩子函数中的这一参数属性扩展为get和set,代码如下://html部分<p v-bind:value="totalPrice">total:{{calcPrice}}</p>//JavaScript部分computed:{ totalPrice:{ ...原创 2018-10-11 09:20:24 · 208 阅读 · 0 评论 -
checkBox多选框 可修改,可撤销修改
为了看起来好看,就用element-ui中的checkbox做举原创 2019-01-26 15:55:33 · 458 阅读 · 0 评论 -
Vue 删除列表项的淡出动画
使用vue前端框架尝试做一个购物车页面,勾选进购物车的商品列表可删除,代码如下:**<template>部分**<div class="goods-list-wrap"> <transition-group name="list-complete"> <div class="J-shoping-list" v-for="(item, ind...原创 2019-05-25 14:45:00 · 1911 阅读 · 0 评论