vue
AcongMiss
这个作者很懒,什么都没留下…
展开
-
【Vue】将用户的输入值自动转为数值类型
Vue已经帮我们很好的做了处理了!首先贴上官方文档:https://vuejs.org/v2/guide/forms.html#number方法摘要:如果想自动将用户的输入值转为数值类型,可以给 v-model 添加 number 修饰符:<input v-model.number="age" type="number">这通常很有用,因为即使在 type=“number”...原创 2020-01-17 02:31:47 · 2681 阅读 · 0 评论 -
【Vue】iview-render函数中使用自定义组件
1.组件名不需加引号。2.点击事件可能无效,使用nativeOn监听事件。 render: (h, params) => { return h('div', [ h(ButtonCustom, { // 组件不需要要加引号 props: { // 自定义组件的属性 ...原创 2019-06-12 16:49:11 · 3527 阅读 · 4 评论 -
【Vue】在页面中调用其他页面的方法
感觉这篇文章写的很清楚简单,分享一下!且这个方法很适合一些没有直接关系的页面之间的函数调用需要在展示页里调用顶部导航栏页里的方法,两者之间没有引用关系,看了一下vue的API发现可以用这个方法实现。https://cn.vuejs.org/v2/api/#vm-on可以看到需要同一个vue实例来调用两个方法。所以可以建立一个中转站。首先在任意位置新建util.js文件。import Vu...转载 2019-05-28 14:38:39 · 8460 阅读 · 5 评论 -
【Vue】数据改变,DOM不渲染问题
1、组件内部,属性值地址空间内引用地址改变,DOM不能渲染。 问题举例:this.items = [[],[],[],[]]1、在items 中,修改任意一项数组中的值,DOM是不会更新的,2、解决方案: this.items = [...this.items]。通过解构赋值,重新给items赋值。2、组件之间传值,父组件传data改变,子组件未更新。1、子组件中在mounted中对...转载 2019-06-05 11:06:50 · 1652 阅读 · 0 评论 -
【Vue】iview-admin表格分页
<Page :current="pageNo" @on-change="pageNoChange" @on-page-size-change="pageSizeChange" :total="total" show-elevator show-sizer show-total/>// 页码变化pageNoChange (val) { this.pageNo = val; ...原创 2019-05-11 21:02:34 · 936 阅读 · 0 评论 -
【Vue】数组被赋值之后修改,会影响赋值数组
现象:let list = res.data.rows || [];// 改动list, res.data.rows也变了原因:res.data.rows直接将地址赋给了list,所以list改变了res.data.rows也变了解决办法: let list = [...res.data.rows] || [];...原创 2019-05-11 20:56:55 · 3980 阅读 · 0 评论 -
【Vue】父子组件通信失败的原因分析
现象:自定义树形组件时,使用 $parent 和 $emit 方法子组件都调用不到父组件。原因:树形控件使用了组件递归的思想,所以只要递归了一层之后就不是严格的父子关系了,所以 $emit 方法是不合适的。$emit使用的一些条件:1.组件之间是严格的父子关系。2.自定义的事件名必须全为小写。因为是树形结构,所以它的层数是不确定,所以 $parent方法也是不合适的。解决方法:使用...原创 2019-05-11 19:08:49 · 842 阅读 · 0 评论 -
【Vue】iview-admin二次开发
首先贴上官方文档:https://lison16.github.io/iview-admin-doc/#/请仔细阅读!准备步骤与一些你可能会遇到的问题:1.修改api请求基础路径2.解决跨域问题(什么是跨域问题:https://segmentfault.com/a/1190000015597029?utm_source=tag-newest)nginx配置 之后对应的api请求路径...原创 2019-05-14 20:46:43 · 7310 阅读 · 0 评论 -
【Vue】自定义树形控件
效果图:数据结构: tree: { title: '', // 标题(姓名) key: '0', head: '', // 头像 selectStatus: false, // checkBox选中状态 children: [ { title: '旺旺一部...原创 2019-05-09 20:36:21 · 4505 阅读 · 2 评论 -
【Vue】可以添加事件的日历墙
首先奉上日历墙大全地址:https://antoniandre.github.io/vue-cal/其中有非常多款的日历墙任君挑选!而且有详细的使用说明!那本篇文章就是围绕在使用该地址中日历墙组件所遇到的一些问题。1.从文章中可以知道,引入这个组件有两种方法:NPM or <script> tag.由于一些问题,我的项目并不适合使用第二种方法,所以我选择了第一种,使用命令...原创 2019-03-20 23:37:40 · 2969 阅读 · 3 评论