vue
盐焗海苔
这个作者很懒,什么都没留下…
展开
-
uni小程序获取image图片长宽信息
引用wx.getImageInfo方法 public getImageInfo(src): any { return new Promise((resolve, reject) => { wx.getImageInfo({ src: src, success: (res) => { resolve(res); }, fail: (err) => { rejec原创 2020-07-04 15:32:22 · 5012 阅读 · 5 评论 -
vue制作网站的问题及解决办法
一、vue使用路由跳转后,页面不置顶配置路由index.js时,增加export default new Router({ scrollBehavior(to,from,saveTop){ if(saveTop){ return saveTop; }else{ return {x:0,y:0} } }, routes:[.....原创 2020-02-25 18:09:29 · 529 阅读 · 0 评论 -
vue获取时间格式以及24小时循环
var myDate = new Date();myDate.getYear(); //获取当前年份(2位)myDate.getFullYear(); //获取完整的年份(4位,1970-????)myDate.getMonth(); //获取当前月份(0-11,0代表1月)myDate.getDate(); //获取当前日(1-31)myDate.getDay(); //获取当前星期...原创 2019-05-16 11:13:57 · 4299 阅读 · 0 评论 -
vue用if判断数据是否有值
如果循环中没有图片,则不显示<img :src="item.imgs" v-if="item.imgs"> 如果循环中数字为0或空,则不显示<p v-if="item.num >0">{{item.num}}</p> ...原创 2018-12-26 12:42:30 · 15595 阅读 · 0 评论 -
vue获取循环数组中的最后一组 并给其增加样式
<li v-for="(item,index) in items" :class="index===items.length-1?'lastfood':''"> …… ……</li>获取当前循环数组中最后一组,增加lastfood的class类,css中设置样式...原创 2018-12-26 10:30:50 · 10570 阅读 · 0 评论 -
Vue list循环时 点击当前元素显示相应的详细内容
列表循环 <ul> <li v-for="(good,index) in goods" :key="good.id"class="food-list-hook"> <div class="class-title"> {{good.class}} </div> <div原创 2018-12-03 13:29:59 · 6755 阅读 · 0 评论 -
同时使用vue.js和jquery时,jq事件无响应解决办法
先加载vue.js,让页面渲染完成后加载jq,给jq绑定ready事件$(document).ready(function(){ $(function() { //jq事件 });});更新……ready加载太玄学了,测试3/10的几率可以操作dom成功,还是用vue的v-if和v-show方法,data中设置false隐藏,绑定到@clic...原创 2018-10-26 15:06:19 · 6604 阅读 · 1 评论 -
vue.js加载json数据
在使用jQuery的情况下$(function() { $.ajax({ type: 'get', url: 'data.json', success: function(data) { if (data.msg == "ok") { pushDom(data.data); } else { alert("服务器返回异常"); } }, ...原创 2018-10-26 15:00:06 · 2805 阅读 · 0 评论 -
vue安装socket在线实时通讯
两个程序通过一个双向的通信连接实现数据的交换,连接的一端称为一个socket,给客户端和服务器端提供实时通信。需要先打开工程目录下载好socket.io后在node_modules文件夹下新生成了一个socket.io文件夹,其中我们可以找到一个socket.io.js文件。将它引入到HTML页面,这样就可以在前端使用socket.io与服务器进行通信了。<--引入so...原创 2018-09-13 10:14:14 · 1976 阅读 · 0 评论 -
vue的使用步骤
Vue是一个JavaScript框架,使用这个框架,需要引入Vue.js<script src="http://cdn.bootcss.com/vue/2.1.6/vue.min.js"">Vue项目,本质是一个单页面应用,所以需要一个单页面的入口<div id='app'>{{message}}</div>新建Vue实例new Vue...原创 2018-08-30 16:05:01 · 256 阅读 · 0 评论 -
vue实现简单聊天窗口
构建:输入:input 提交:button 历史消息展示:ul实现:数据展示到界面:data 界面数据动态变化:操作data 数据刷新: this.data = value<div id="app"> <ul> <li v-for="item in message_array">{{item}}<...原创 2018-08-30 15:33:49 · 23779 阅读 · 164 评论 -
Vue.js的常用指令
Vue.js提供了一些常用的内置指令:v-if指令 v-show指令 v-else指令 v-for指令 v-bind指令 v-on指令Vue.js具有良好的扩展性,可以开发一些自定义的指令。 v-if 是条件渲染指令,它根据表达式的真假来执行元素的插入或者删除行为。例:<div id="app"> <h1 v-if="yes">Yes!&l...原创 2018-08-30 14:06:32 · 226 阅读 · 0 评论