vue
小姚同志yao
这个作者很懒,什么都没留下…
展开
-
vue本地运行浏览器ip是本机Ip
var os = require('os'), ip = '', ifaces = os.networkInterfaces() // 获取本机ipout:for (var i in ifaces) { for (var j in ifaces[i]) { var val = ifaces[i][j] if (val.family === 'IPv4' && val.address !== '127.0.0.1') { ip = val.address原创 2021-02-25 14:58:30 · 306 阅读 · 0 评论 -
vuex状态管理应用
<template> <div> views目录下的页面:vuex状态管理 <div class="home1">vuex状态中初始值state:</div> <div class="home2">{{mobile}}</div> <div class="home1" @click="changeWay">使用mutations方法改变vuex状态中初始值state中的值,显示在原创 2021-02-25 14:52:26 · 92 阅读 · 0 评论 -
vue父组件向子组件传值
<template> <div> 父组件页面: <!-- 父向子传值:3.在子组件标签中添加子组件props中创建的属性 --> <child :time='hitimetime'></child> </div></template><script> //父向子传值: 1.子组件在props中创建一个属性,用以接收父组件传过来的值 import Child from '原创 2021-02-25 14:37:54 · 111 阅读 · 0 评论 -
vue子组件向父组件传值
<template> <div> 这里是父组件页面: <!-- 子向父传值:第二步在父组件中注册子组件,在使用子组件的地方(子组件标签),定义接收的事件名(绑定对自定义事件的监听) --> <get-time @startendtime = 'gettime'></get-time> <div> 子向父传值,父页面cate得到子页面gettime传来的起止时间: {{startt原创 2021-02-25 14:06:45 · 177 阅读 · 0 评论 -
vue兄弟组件传值
<template> <div v-title :data-title="title"> <div>car---兄弟组件传值</div> <div>下面显示的是brother1向brother2页面进行兄弟组件传值:</div> <brother1></brother1> <brother2></brother2> </div><原创 2021-02-25 13:48:28 · 532 阅读 · 1 评论 -
点击async-await-场景:三个接口依次调用
<template> <div @click="getproise"> 点击async-await-场景:三个接口依次调用 </div></template><script>export default { data(){ return{ } }, methods: { requestApi(url,params){ return new Promise((resolve,r原创 2021-02-25 11:57:14 · 1307 阅读 · 0 评论 -
点击链式promise调用-场景:三个接口依次调用
<template> <div @click="getproise"> 点击链式promise调用-场景:三个接口依次调用 </div></template><script>export default { data(){ return{ } }, methods: { getLogin(){ var that = this; return new Pro原创 2021-02-25 11:03:44 · 735 阅读 · 2 评论 -
vue知识随笔
@hook 方法不仅仅是可以监听 mounted,其它的生命周期事件,例如:created,updated 等都可以监听// Parent.vue<Child @hook:mounted="doSomething" ></Child>doSomething() { console.log('父组件监听到 mounted 钩子函数 ...');},// Child.vuemounted(){ console.log('子组件触发 mounted 钩子原创 2020-05-21 15:02:18 · 139 阅读 · 0 评论 -
vue和uniapp接口封装
/* apiUrl.js 中定义接口路径 */const api = { xxx: 'xxx.action'};/* request.js 中封装请求*/import apiUrl from './apiUrl.js' //引用apiUrl.js 中定义接口路径let yapi = 'http://yapi.cnzhonglunnet.com/mock/869/'; // 模拟接口var baseUrl = '';var ENV = require('../../publishEnv原创 2021-02-06 14:44:46 · 502 阅读 · 1 评论 -
瀑布流随记
<template> <!-- 等高 --> <!-- <div class="waterfall-height-css"> <div class="image-box" v-for="(item, index) in imglist" :key="index"> <img class="lazy" :src="item" alt="" /> </div> </div> --&原创 2021-01-15 17:38:49 · 142 阅读 · 1 评论 -
van-tab和pull-refresh一起使用问题
1.vant添加下拉刷新组件后,tab无法吸顶 问题<van-pull-refresh v-model="isLoading" @refresh="onRefresh"> <van-tabs swipeable sticky> <van-tab title="动态"> <H-Slider :img="img[0]"></H-Slider> <h-main></h-mai原创 2021-01-14 20:38:49 · 960 阅读 · 0 评论 -
vuex页面刷新数据丢失的解决办法
https://juejin.im/post/6844903791838363655转载 2020-10-29 11:07:21 · 243 阅读 · 0 评论