随笔分类 -  Vue

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