
vue学习
学习前端ing
这个作者很懒,什么都没留下…
展开
-
vue学习关于snabbdom中h函数简单学习了解
h函数的主要功能是根据传进来的函数返回一个vnode对象,之后便是patch方法将其挂载到页面//index.jsimport h from "./mysnabbdom/h"let mynode = h("div", {}, [ h("p", {}, "ll"), h("p", {}, "ll"), h("p", {}, h("p", {}, "ll"))])console.log(mynode)// 三种情况// h("div", {}, [h("p", {}, "test"), h(原创 2021-01-14 10:45:48 · 239 阅读 · 0 评论 -
$attr与$listeners的学习
$ attrs和$ listeners是跨多层次组件传值的一种方式。$attrs用来继承上级组件的属性不包括在当前组件里面定义的props属性,也就是说如果用了$attrs的组件里,用props接受了属性之后,该属性就不再向下传递了$listeners用来监听。$emit发送来的自定义事件,以及属性。根组件<template> <div> <fieldset> <legend>Root</legend> {{ for原创 2020-08-15 10:10:11 · 1924 阅读 · 0 评论 -
兄弟组件传值,$emit和$on的使用
使用之前使用之前需要注册总线事件先创建一个空的示例,并且将自定义的$bus绑定到原型上Vue.prototype.$bus = new Vue()$emit发送数据用的$emit(‘事件名’ , ‘数据’ )<template> <div> 组件B <button @click="send">发送</button> </div></template><script>export defau原创 2020-08-14 18:46:24 · 788 阅读 · 1 评论 -
element中pagination组件关于数据在分页显示时遇到的问题
问题描述在做练习时其中有一个页面需要用到element中的pagination组件进行分页显示,但是按照文档配置后结果始终不能分页显示数据原因相关接口里没有关于page-size和current-page的请求参数解决办法利用slice对数据进行分割组件<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page.sync="queryInfo.原创 2020-06-15 13:14:48 · 4078 阅读 · 0 评论 -
axios中用params传参时遇到的问题
今天在学习VUE时遇到了一个关于请求传参的问题,百思不得其解,记录一下环境后端用的是node.js前端用的是vue框架问题代码 addParams () { this.$refs.addFormRef.validate(async vaild => { if (!vaild) return //问题代码 const { data: res } = await this.$http({ url: `categori原创 2020-06-15 12:25:26 · 2343 阅读 · 0 评论 -
关于VUE的学习记录——组件传值
插槽传值子组件传给根组件根组件<template> <div id="app"> <h2>根组件</h2> <child> <!-- 接收 --> <template v-slot:childslot='value'> <h2>内容</h2> <h3>{{value.msg}}</h3> </template> &l原创 2020-06-05 21:57:51 · 135 阅读 · 0 评论