- 博客(17)
- 收藏
- 关注
RSS订阅原创 Vue中Watch侦听器的简单用法
之前做过关于数据不是定值，而是由其他数据计算而得来的页面。以前学艺不精，只会一些Vue的简单用法，所以之前都是用的methods方法，在输入框上绑定input或者change事件，输入数据时，修改结果的效果，来达到数据动态由其他数据计算得来的。...
2020-04-29 11:28:23
584
1
原创 Vue使用 v-bind 绑定 class
有时候class类要根据数据的不同来切换样式，可以使用v-bind绑定class，class类可以是对象，也可以是数组。操作元素的 class 列表和内联样式是数据绑定的一个常见需求。因为它们都是属性，所以我们可以用v-bind处理它们：只需要通过表达式计算出字符串结果即可。不过，字符串拼接麻烦且易错。因此，在将v-bind用于class和style时，Vue.js 做了专门...
2020-03-04 17:56:40
369
原创 简单 checkbox 样式美化
HTML：<label style="position: relative;"> <input type="checkbox" style="display: none;"> <span class="checkbtn"></span> <span>选项一</span></label>...
2020-03-03 17:09:24
627
3
原创 vue 中使用 v-model 绑定单选按钮和复选按钮
单选框和复选框可以直接使用 v-model 绑定到 data 中的数据选中的按钮的 value 值，复选按钮是多个值，用数组来存储<div> <span>单选按钮值： {{ radio }}</span> <br> <span>复选按钮值： {{ checkbox }}</span><...
2020-03-03 11:32:01
1544
原创 textarea 的 resize 属性
以前在写 textarea 文本域的时候，右下角始终都有一个小标识，可以拖动，变换 textarea的大小后来发现了 resize 属性，可以控制元素的尺寸是否可以调整，resize 可取值有四个： none 不能调整元素的尺寸； both 可调整元素的高度和宽度； horizontal可调整元素的宽度； vertical 可调整元素的高度...
2020-03-03 10:35:36
1388
原创 12.关于console.log打印数据，数据请求前后打印结果一样的问题
这个问题是，昨天检查数据有没有获取到时候遇到的之前都是用console.log()去打印数据来检查有没有问题，这次也一样// 之前是这样的mounted: function () { this.getdata(); console.log(this.res[0]); this.$forceUpdate(); //强制刷新视图}这里通过console.log()...
2019-12-26 14:47:57
1732
原创 11.Vue中使用Ajax获取数据后界面未更新，使用$forceUpdate()强制更新
有个页面在加载后要从后台获取数据，然后显示不过好像是数据层次有点多？像下面这样，获取的数据放在details里面，然后页面上对应的数据没有显示res:[ { name:'tom', age:10, details:[ { name:'jerry' } ] }]但是在 Vue Devtools 里面数据是...
2019-12-25 16:17:50
726
原创 10.使用 EventSource 实时获取消息数，用来角标显示数量
前几天写的一个在菜单图标上面显示消息数量，先记一下上次获取的消息的操作上次消息数是通过设置一个定时器，每隔一段时间就进行一次Ajax请求，查询数据库符合条件的数据条数因为要不断对服务器进行请求，所以时间间隔设置稍微长一点，获取的数据存在sessionStorage里面，第一次载入页面的时候先判断sessionStorage里面有没有值，没有的话立即执行请求后来又有其他的消息也要在这个页...
2019-12-17 17:55:18
1430
原创 09.html使用iframe、embed查看pdf不显示(未解决)，使用pdf.js预览pdf
前几天做一个网页上查看pdf等文档的功能，然后网上查了一下发现可以使用iframe来预览，然后就去试了一下<iframe width="100%" height="95%" seamless scrolling="yes" :src="iframeSrc"></iframe>然后去试了一下，发现控制台报错，页面上iframe里面的body也是空的Resour...
2019-12-10 10:20:54
5861
5
原创 08.在sessionStorage中存储对象 数组
有个列表要存到sessionStorage里面，然后按照之前存session的方法sessionStorage.setItem()发现存进去的结果是字符串"[object Object]"发现session好像不能直接存对象，然后查了一下，可以用JSON.stringify()方法把对象转成字符串存进去，然后使用JSON.parse()把取到的字符串转为对象，这样就把对象作为...
2019-11-28 13:51:41
1044
原创 07.vue过滤器 filters 简单格式化日期
之前在从数据库取数据时，有一条日期信息，直接取过来是一长串的之前看 vue 文档时了解一点过滤器，正好借这个日期试一下filters: { // 格式化时间 time: function (value) { let sDate = value.substr(0,10); let sTime = value.substr(11,8); value = s...
2019-11-28 11:35:30
206
原创 06.IIS下使用 include 嵌套公用html文件
今天要做一个头部的导航栏，本来想的是用 <router-link> 标签的，但是一个页面上的内容有点多，都放到一起就太臃肿然后想到之前有个网站的好像用的就是 <!-- #include--> 标签，然后去试了一下，发现没有效果，搜了一下，发现好像是要SSI的什么服务，但是用的是IIS，就搜了和IIS相关的的找到了一个方法打开IIS找到处理程序映射...
2019-11-22 17:19:54
600
原创 05.简单radio样式的美化
有个登录界面需要用到单选按钮，写好单选按钮以后，顿时感觉不好了，感觉好蠢啊然后就想着换一下样式，这样看起来会好看一点，下面是效果图下面是HTML<div class="radio-outer"> <label class="radio-group relative"> <input type="radio" name="lis...
2019-11-21 15:03:15
683
原创 04.关于SqlServer查询，数据较多时分页查询同时获取总条数
在做的这个项目要做一个查询相关信息的功能，查询的Sql找到后，去SqlServer查了一下，发现有几千条数据然后想到以前用的一个 limit 来做分页查询，发现 limit 是MySql里面的，SqlServer里面没有然后就去网上搜了下关于SqlServer分页查询的知识，找了几个文章看了一下，好像都是嵌套查询来做的然后选了一个文章，按照里面的方法去试一下，原文：高效的SQLSERV...
2019-11-19 17:03:15
2971
1
原创 03.axios 发送请求，后端返回文件数据流，保存为本地文件
刚开始拿到这个项目时，对这个文件下载不太清楚，接口传入的是文件的id值然后我弄了个简单文件试了一下，返回的是文件内容本来后面打算试试有没有js保存为文件的方法，然后想到文本格式返回的是文件内容，那pdf和其他的文档返回的是啥呢于是又弄了一个pdf试一下，然后结果就是下面这个样子了然后就去网上搜了一下关于这种返回保存文件的方式一种是IE浏览器下的，用的谷歌浏览器，就没有用...
2019-11-17 17:24:15
2695
原创 02.Sql查询时and和or的结合使用
今天在改sql查询时，把查询判断一个数据是否大于0，改为判断这个数据是否大于0或者另一个数据是否大于0然后就在 A.col1 > 0 后面加了 or A.col2 > 0然后查询结果出来，好像没什么不对后面换了个数据库又执行了这条sql语句，查询结果出来一大堆查了这个表的数据，发现符合条件的就那么几条，于是把之前刚加的or A,col2 > 0 先去掉，又去查了...
2019-11-15 11:32:58
299
原创 vue组件引用另一个组件出现组件不显示的问题
下载的一个vue构建的后台管理系统，导航栏是一个侧边栏，想在头部里面加一个导航先是导入要使用的组件import Hamburger from '@/components/Hamburger'import Nav from '@/components/Nav/index.vue' //自己新建的然后在 components 里面写入该组件components: { Ha...
2019-11-14 14:36:15
15150
6
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人