随笔分类 - Vue
摘要:https://www.cnblogs.com/wjw1014/p/13492342.html
阅读全文
摘要:解决方法: @change="checked=>方法名(checked,你想传的额外参数...) 举例:el-checkbox组件中,应用@change方法进行传参 <el-checkbox @change="checked=>checkRow(checked, scope.row)"></el-c
阅读全文
摘要:一、背景 在开发项目的过程中,有时修改后台的数据变化可能不会及时更新到页面上,此时就需要我们刷新页面更新数据,但是直接调用刷新window.location.reload()可能对操作的体验不是很好,所以就需要下面的方法。 列举个场景,比如修改主体content内容,我想要刷新主体部分的组件,但是不
阅读全文
摘要:一、监听路由从哪来到哪去 watch:{ $route(to,from){ console.log(from.path);//从哪来 console.log(to.path);//到哪去 } } 二、监听路由变化获取新老路由 watch:{ $route:{ handler(val,oldval){
阅读全文
摘要:导语: 在多个组件需要共用一个值的时候,应用父子组件传值的知识会很麻烦,又没有必要通过vuex来储存几个数据,因此使用storage进行数据存储并实时监听。(可以多个) 1、将想要实时监听的数据存储到storage中 this.resetSetItem('userName', _this.login
阅读全文
摘要:实现效果:: 源码:: <template> <div>{{ nowDate }}</div> </template> <script> export default { data() { return { nowDate: "", // 当前日期 }; }, methods: { currentT
阅读全文
摘要:一、安装 vue-cli 1、首先需要安装node和npm 不做过多讲解,可以参考 https://www.cnblogs.com/kellyPan/p/9653609.html 安装 2、使用npm安装npm-cli 打开要建项目所在的文件夹,点击空白处按住 shift + 鼠标右键,打开 Pow
阅读全文
摘要:使用前提: 首先,我们需要明确的是,子父组件之间通讯,子组件是不能直接改变父组件的值的。(父组件是大佬,小弟不能改变大佬的值,但是父组件可以改变子组件的值) 作用: 通过某种方式,子组件可以”直接“改变父组件的值。 场景: 控制弹框的显示与关闭。在父组件中打开子组件弹框,然后在点击子组件中的按钮关闭
阅读全文
摘要:1.vue项目当中通常都是通过设置routes配置项来控制路由跳转,例如设置 利用routes中的meta属性添加一个字段,用作标识,首先假设在名为router.js的文件中定义router,具体代码如下: 接着在名为perssion.js的文件中结合路由守卫,进行登陆验证,另外这里如果用户登录成功
阅读全文

浙公网安备 33010602011771号