invalid_oath的博客

包括a-cascader的基本使用，进阶的动态加载数据或者预加载数据，以及自定义字段名简化代码。

子组件根据路由变化，实时监听父组件的属性变化一. 问题背景二. 问题分析三. 总结一. 问题背景啊，又是满满的一天！话不多说，回到正题，这几天在做英语学习后台管理系统的时候，出现了一个问题，就是点击试卷详情（以下界面）进入试卷详情页查看该套试卷的用户学习记录（下图）在这里，我分别点开了三个不同试卷的学习记录，发现这三个记录都是相同的（一个吊样），这就让我懵逼了，咋回事？仔细看了一下地址栏，路由地址也不同撒。莫非是我的子组件接受父组件传过来的paperId的时候出问题了？这是我的第一个猜测。于是

一.问题背景最近在搞一个英语学习平台管理系统的时候，遇到了一个问题，莫名奇妙报了一个pagination的校验错误警告，这可把我整懵逼了看了一下代码，也没有错撒，而且我之前封装的组件用的好好的，怎么就错了呢？然后开始对问题进行剖析。二.问题分析要想解决问题，首先就要对问题进行定位，从控制台中可以粗略的看到，问题大概是出在Table表格组件上。好，我先翻到使用表格组件的地方：嗯。貌似没看到相关的pagination的属性，再看看传入s-table中的数据源data和列属性colums：对比一下

<div id="app"> <comment-box @func="loadComments"></comment-box> <!-- 评价列表 --> <ul class="list-group"> <li class="list-group-item" v-for="item in list" :key="item.id"> ...

一. 父组件向子组件传值父组件可在引用子组件的时候，通过属性绑定的形式（v-bind:），把需要传递给子组件的数据，以属性绑定的形式，传递到子组件的内部，供子组件使用。但是需要在props属性数组内声明才能使用。代码演示：<div id="app"> <!-- 父组件可在引用子组件的时候，通过属性绑定的形式（v-bind:）， 把需要传递给子组件的数据，以属性绑定的形式，传递到子组件的内部，供子组件使用 --> <comp

一. 使用if和else的组件切换 <div id="app"> <a href="" @click.prevent="flag = true">登录</a> <a href="" @click.prevent="flag = false">注册</a> <login v-if="flag"></login> <register v-else="flag

一. 创建全局组件的方法1. 分为两步，首先使用 Vue.extend() 创建模板对象，然后使用Vue.component(‘组件的名称’， 组件的模板对象) 创建组件。代码格式为：//方法一： //第一步：创建模板对象 var component1 = Vue.extend({ template: '<h3>这是用Vue.extend 创建的组件</h3>' }); //第二步：使用Vu