
Vue
沙洲小骆驼
编程还有有点好玩的鸭
展开
-
vue前端 + java文件下载
vue部分前端代码<el-table-column prop="displayName" min-width="100" show-overflow-tooltip header-align="center" label="附件名称"> <template slot-scope="scope"> <el-link style="color: #409eff;cursor: pointer" @click="downL原创 2021-05-17 15:33:27 · 516 阅读 · 0 评论 -
Vue 父子组件之间传值
父组件向子组件传值首先,准备好父组件要传递的数据var vm = new Vue({ el: '#app', data: { msg: '父组件向子组件传递数据啦!' //父组件要传递的数据 }})通过子组件绑定属性的方式,传递数据<div id="app"> <row :sendData="msg"></row></div>子组件通过prop获取传递过来的数据Vue.component原创 2020-07-14 09:18:44 · 168 阅读 · 0 评论 -
Vue中computed使用
get 依赖的值变化而变化,默认使用方法就是getset val 中就是最新的computed后的值,用该数据做后续其他处理computed:{fullName3 : { get(){//回调函数 当需要读取当前属性值是执行,根据相关数据计算并返回当前属性的值 return this.firstName + ' ' + this.lastName }, set(...原创 2020-06-08 17:27:47 · 255 阅读 · 0 评论 -
Vue watch使用
转自https://www.cnblogs.com/shiningly/p/9471067.html在vue中,使用watch来响应数据的变化。watch的用法大致有三种。下面代码是watch的一种简单的用法:基本用法<input type="text" v-model="cityName"/>new Vue({ el: '#root', data: { cityName: 'shanghai' }, watch: { cityName(n.原创 2020-06-08 16:52:32 · 153 阅读 · 0 评论 -
Element-UI中el-tree的使用,Vue实现左树右表
页面如下:Vue中结构如下:treeData:loadTree() { getTree().then(response => { console.log(response.data, 'data') this.treeData = JSON.parse(JSON.stringify(response.data)) }) },treeData结构如下:具体如何组装treeData见上一篇原创 2020-06-05 14:22:32 · 13010 阅读 · 12 评论