Vue - 随笔分类 - lunawzh

vue2中数组和对象更改后视图不刷新解决办法

摘要：vue2中，改变集合或数据某值时有时候并不会自动更新到视图上去，解决办法 1、官方推荐例如： projectList数组，show值点击一次改变一次方向 <td v-on:click="alertSub(index)"><a href="javascript:;">{{item.}}</a></t 阅读全文

posted @ 2023-05-13 18:12 lunawzh 阅读(1386) 评论(0) 推荐(0)

Vue 中取反

摘要：this.selected = list.filter(x => !this.selected.includes(x)); 阅读全文

posted @ 2021-10-08 00:21 lunawzh 阅读(1441) 评论(0) 推荐(0)

netcoreMVC中使用Vue模板分页封装（不适合数据量大)

摘要：自己做了一个分页，方便应用于网站，因为分页在页面中不可缺少，常常使用，所以封装成一个模块，一处引用，每个页面都可以使用。这种分页不是每次都从数据库中拿，而是在一开始就把所有数据都拿到了页面中，如果数据量大的化，不适合使用。 1、在视图下的Shared文件夹中创建文件： _pageHelper.cs 阅读全文

posted @ 2021-06-25 15:35 lunawzh 阅读(467) 评论(0) 推荐(0)

Vue组件间传值和访问

摘要：1、根组件向子组件传值：使用props属性 <html> <body> <script src="vue.js"></script> <template id="myt"> <div> <p>{{name}}</p> <p>{{pwd}}</p> <p>{{cmsg}}</p> </div> </ 阅读全文

posted @ 2021-06-24 16:52 lunawzh 阅读(92) 评论(0) 推荐(0)

Vue 中使用axios传参数，后端收不到数据

摘要：本以下一个简单的语句运行没有问题，传递参数为对象，可运行发现，后端无法取得数据。 axios.post("/home/addCabinet",{cbt:this.cur}).then(function (res) { if (res.data == "ok") {alert("操作成功"); } e 阅读全文

posted @ 2021-05-04 14:47 lunawzh 阅读(1419) 评论(0) 推荐(0)

Vue 中prop的使用

摘要：<div id="app"> <button-counter v-for="item in todos" :my-title="item.text"> </button-counter> </div> <script type="text/javascript"> // 作用域插槽 Vue.comp 阅读全文

posted @ 2020-11-02 14:02 lunawzh 阅读(789) 评论(0) 推荐(0)

vue钩子的理解

摘要：下面有一段代码，大家可以copy过去在控制台上打印看一看，加深对这几个钩子函数的理解， <!DOCTYPE html> <html> <head> <title></title> <script type="text/javascript" src="https://cdn.jsdelivr.ne 阅读全文

posted @ 2020-10-29 11:22 lunawzh 阅读(216) 评论(0) 推荐(0)

Vue学习笔记

摘要：Vue script中的写法 <script> var app=new Vue({ el:"#app", data:{ msg:"Hello" } }); </script> 1、显示 <div>{{msg}}</div> <div v-text="msg"></div> <div v-html=" 阅读全文

posted @ 2018-07-21 12:37 lunawzh 阅读(107) 评论(0) 推荐(0)

在mvc4中上传、导入和导出excel表方法总结

摘要：通过excel的导入导出练习，使用NPOI组件还是方便一点，所有下面就以NPOI下的导入导出给出实例，通过网页导入excel表，首先上传，再导入数据到库，这里为了方便就不导入到库中了，直接拿到数据。导出方法比较多。第一步下载NPOI组件，并在VS中导入dll. 第二步：为了方便，把功能提取成方法: 阅读全文

posted @ 2017-12-03 15:30 lunawzh 阅读(5249) 评论(0) 推荐(0)

Vue 定时执行函数

摘要：var app = new Vue({ el: '#app', data: { count: 1, }, filters: { }, mounted: function () { this.$nextTick(function () ... 阅读全文

posted @ 2017-11-19 10:56 lunawzh 阅读(13439) 评论(0) 推荐(1)

Vue使用，异步获取日期时间后格式成"/Date(1333245600000+0800)/" 转换成正常格式

摘要：js从后台mvc中日期获取，结果格式成"/Date(1333245600000+0800)/"了，当然不能这样展显给用户了，要转换，方法如下: 如果是字符串使用filter 阅读全文

posted @ 2017-11-06 23:36 lunawzh 阅读(4174) 评论(0) 推荐(0)

技术胖-胜洪宇关注web前端技术

摘要：http://jspang.com/ 阅读全文

posted @ 2017-10-31 21:24 lunawzh 阅读(706) 评论(0) 推荐(0)

Vue父组件与子组件传递事件/调用事件

摘要：1、Vue父组件向子组件传递事件/调用事件如果传递参数，可以使用 props数据 2.子组件调用父组件事件子组件通过this.$emit()派发事件，父组件利用v-on对事件进行监听，实现参数的传递 3.两平等组件间的调用 new一个调度器来Event来完成，在mounted中监听事件，另一个组阅读全文

posted @ 2017-10-06 22:34 lunawzh 阅读(51742) 评论(0) 推荐(1)

分页---Vue+.net+bootstrap实现

摘要：通过学习Vue,的确觉的Vue的双向绑定使用起来十分方便，因此研究了一下列表显示时分页的实现，这里我使用了bootstrap的样式，所以在页面中引用bootstrap的样式文件，后台提数据源使用.net的，数据库访问使用EF，如果库中存有大量数据，为提高显示速度还是建议使用更好的数据访问方式，比如d 阅读全文

posted @ 2017-10-06 21:16 lunawzh 阅读(1732) 评论(2) 推荐(0)

Vue2.0 - 全局操作 Vue.set

摘要：引：http://www.cnblogs.com/zccblog/p/7192420.html Vue.set 的作用就是在构造器外部操作构造器内部的数据、属性或者方法。比如在vue构造器内部定义了一个count为1的数据，我们在构造器外部定义了一个方法，要每次点击按钮给值加1.就需要用到Vue.s 阅读全文

posted @ 2017-09-16 10:21 lunawzh 阅读(293) 评论(0) 推荐(0)

Vue 取出记录数后，页面显示刚开始显示部分，点击更多显示全部

摘要：实例的实现，是使用computed计算属性，还有对数组使用.slice函数，不改变原数据对象。阅读全文

posted @ 2017-09-14 21:11 lunawzh 阅读(1012) 评论(0) 推荐(0)

Vue.js 判断对象属性是否存，不存在添加

摘要：Vue.set是可以对对象添加属性的，这里item对象添加一个checked属性阅读全文

posted @ 2017-09-14 20:37 lunawzh 阅读(17048) 评论(0) 推荐(0)

Vue.js 上传文件(后台使用.net)

摘要：页面部分 Controller 阅读全文

posted @ 2017-09-14 14:03 lunawzh 阅读(3874) 评论(0) 推荐(0)

Vue 自定义指令练习

摘要：Vue.directive(id,definition)注册一个全局自定义指令，接收两个参数，指令ID以及定义对象取值：实例：高级功能：阅读全文