vue学习
学习前端ing
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
vue学习关于snabbdom中h函数简单学习了解
h函数的主要功能是根据传进来的函数返回一个vnode对象,之后便是patch方法将其挂载到页面 //index.js import 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 · 302 阅读 · 0 评论 -
$attr与$listeners的学习
$ attrs和$ listeners是跨多层次组件传值的一种方式。 $attrs 用来继承上级组件的属性 不包括在当前组件里面定义的props属性,也就是说如果用了$attrs的组件里,用props接受了属性之后,该属性就不再向下传递了 $listeners 用来监听。$emit发送来的自定义事件,以及属性。 根组件 <template> <div> <fieldset> <legend>Root</legend> {{ for原创 2020-08-15 10:10:11 · 2000 阅读 · 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 · 838 阅读 · 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 · 4181 阅读 · 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 · 2458 阅读 · 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 · 171 阅读 · 0 评论
分享