夜听雪的博客

有时候class类要根据数据的不同来切换样式，可以使用v-bind绑定class，class类可以是对象，也可以是数组。操作元素的 class 列表和内联样式是数据绑定的一个常见需求。因为它们都是属性，所以我们可以用v-bind处理它们：只需要通过表达式计算出字符串结果即可。不过，字符串拼接麻烦且易错。因此，在将v-bind用于class和style时，Vue.js 做了专门...

HTML：<label style="position: relative;"> <input type="checkbox" style="display: none;"> <span class="checkbtn"></span> <span>选项一</span></label&gt...

单选框和复选框可以直接使用 v-model 绑定到 data 中的数据选中的按钮的 value 值，复选按钮是多个值，用数组来存储<div> <span>单选按钮值： {{ radio }}</span> <br> <span>复选按钮值： {{ checkbox }}</span><...

以前在写 textarea 文本域的时候，右下角始终都有一个小标识，可以拖动，变换 textarea的大小后来发现了 resize 属性，可以控制元素的尺寸是否可以调整，resize 可取值有四个： none 不能调整元素的尺寸； both 可调整元素的高度和宽度； horizontal可调整元素的宽度； vertical 可调整元素的高度...

这个问题是，昨天检查数据有没有获取到时候遇到的之前都是用console.log()去打印数据来检查有没有问题，这次也一样// 之前是这样的mounted: function () { this.getdata(); console.log(this.res[0]); this.$forceUpdate(); //强制刷新视图}这里通过console.log()...

有个页面在加载后要从后台获取数据，然后显示不过好像是数据层次有点多？像下面这样，获取的数据放在details里面，然后页面上对应的数据没有显示res:[ { name:'tom', age:10, details:[ { name:'jerry' } ] }]但是在 Vue Devtools 里面数据是...

前几天写的一个在菜单图标上面显示消息数量，先记一下上次获取的消息的操作上次消息数是通过设置一个定时器，每隔一段时间就进行一次Ajax请求，查询数据库符合条件的数据条数因为要不断对服务器进行请求，所以时间间隔设置稍微长一点，获取的数据存在sessionStorage里面，第一次载入页面的时候先判断sessionStorage里面有没有值，没有的话立即执行请求后来又有其他的消息也要在这个页...

前几天做一个网页上查看pdf等文档的功能，然后网上查了一下发现可以使用iframe来预览，然后就去试了一下<iframe width="100%" height="95%" seamless scrolling="yes" :src="iframeSrc"></iframe>然后去试了一下，发现控制台报错，页面上iframe里面的body也是空的Resour...

有个列表要存到sessionStorage里面，然后按照之前存session的方法sessionStorage.setItem()发现存进去的结果是字符串"[object Object]"发现session好像不能直接存对象，然后查了一下，可以用JSON.stringify()方法把对象转成字符串存进去，然后使用JSON.parse()把取到的字符串转为对象，这样就把对象作为...

之前在从数据库取数据时，有一条日期信息，直接取过来是一长串的之前看 vue 文档时了解一点过滤器，正好借这个日期试一下filters: { // 格式化时间 time: function (value) { let sDate = value.substr(0,10); let sTime = value.substr(11,8); value = s...

今天要做一个头部的导航栏，本来想的是用 <router-link> 标签的，但是一个页面上的内容有点多，都放到一起就太臃肿然后想到之前有个网站的好像用的就是 <!-- #include--> 标签，然后去试了一下，发现没有效果，搜了一下，发现好像是要SSI的什么服务，但是用的是IIS，就搜了和IIS相关的的找到了一个方法打开IIS找到处理程序映射...

有个登录界面需要用到单选按钮，写好单选按钮以后，顿时感觉不好了，感觉好蠢啊然后就想着换一下样式，这样看起来会好看一点，下面是效果图下面是HTML<div class="radio-outer"> <label class="radio-group relative"> <input type="radio" name="lis...