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 · 2680 阅读 · 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 · 8459 阅读 · 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 · 1649 阅读 · 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 · 3979 阅读 · 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 · 4504 阅读 · 2 评论 -
【Vue】可以添加事件的日历墙
首先奉上日历墙大全地址: https://antoniandre.github.io/vue-cal/ 其中有非常多款的日历墙任君挑选!而且有详细的使用说明! 那本篇文章就是围绕在使用该地址中日历墙组件所遇到的一些问题。 1.从文章中可以知道,引入这个组件有两种方法: NPM or <script> tag. 由于一些问题,我的项目并不适合使用第二种方法,所以我选择了第一种,使用命令...原创 2019-03-20 23:37:40 · 2966 阅读 · 3 评论