Vue
狐 疑
记录一个小世界
展开
-
ant-design for vue 组件库中的多选框checkBox
目前我所做的项目中用到了vue的一个组件库----ant-design,是目前比较流行了三大组件库之一在应用到其中的<a-checkBox>标签时发现了其中的一个bug代码如下:<a-checkbox :checked="isChecked" @change="onChange"></a-checkbox>拥有一定js基础的程序员都知道,在原生的js中...原创 2019-10-24 15:04:13 · 16479 阅读 · 0 评论 -
使用cloud studio搭建Vue项目报错502问题求解
Vue页面报错502在使用cloud studio搭建Vue项目中遇到了如下问题项目已经启动成功,如图但是创建链接访问网页时报错原创 2019-04-19 16:44:35 · 866 阅读 · 2 评论 -
vue-router 2.0 常用基础知识点之router.push()
router.push(location)除了使用 创建 a 标签来定义导航链接,我们还可以借助 router 的实例方法,通过编写代码来实现。router.push(location)想要导航到不同的 URL,则使用 router.push 方法。这个方法会向 history 栈添加一个新的记录,所以,当用户点击浏览器后退按钮时,则回到之前的 URL。当你点击 时,这个方法会在内部调...转载 2019-07-04 21:31:51 · 257 阅读 · 0 评论 -
Vue中 let _this = this的作用
在查看别人所写的代码时,通常都会看到这样的写法:let _this = this,一开始并不明白其用意,经过查阅发现其目的是为了存储this的指向。可以通过观察下面的例子来加深理解。<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>组件测试</titl...转载 2019-07-29 15:20:00 · 21696 阅读 · 4 评论 -
Vue.js如何定义全局方法
Vue.js如何定义全局方法在vue工程中,首先在src的任意文件下自定义一个方法,举例如下 transNum (num) { if (typeof (num) === 'undefined') { return 0 } else { let oldNum = num.toString().trim() let len = oldNum.l...原创 2019-07-24 18:30:35 · 2593 阅读 · 0 评论 -
vue---路由的使用详解
vue 路由的使用包含两种方式: 编程式 和 声明式编程式有三种方案:使用场景:点击父组件的 li 元素跳转到子组件,并携带参数,便于子组件获取数据。父组件中:<li v-for="article in articles" @click="getDescribe(article.id)">方案一: getDescribe(id) { //直接调用$router.pus...原创 2019-10-09 21:58:19 · 465 阅读 · 0 评论