![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
日向夏橘
这个作者很懒,什么都没留下…
展开
-
图片上传
form表单内包含图片上传,且需要用formData传值上传组件封装<template> <div class="upload-img"> <img :src="imageSrc" v-if="imageSrc" class="img"> <div class="upload-btn" v-if="!imageSrc">...原创 2019-12-11 16:24:58 · 205 阅读 · 0 评论 -
Vue img中src地址无法访问时处理
最近做的项目中经常会有从后台获取图片地址,动态绑定到src上,但是当网络不好,或者后台给的地址无法访问时页面就没办法渲染,用户体验很不好一开始尝试了直接利用img原生属性onerror来设置默认图片<img class="room_img" onerror="javascript:this.src='@/assets/image/activity/defaultImg.jpg'" ...原创 2018-12-29 10:27:16 · 2771 阅读 · 0 评论 -
Vue 在组件上使用v-model
Vue 的组件系统允许创建具有完全自定义行为且可服用的输入组件,这些输入组件可以和v-model一起使用。官方文档<input v-model="searchText">等价于:<input v-bind:value="searchText" v-on:input="searchText = $event.target.value">当用在...原创 2018-12-12 10:22:35 · 364 阅读 · 0 评论 -
解决vue yarn install 报错 Expected version
yarn install --ignore-engines原创 2018-12-20 17:37:37 · 3085 阅读 · 0 评论 -
Vue 2.0 v-model的用法
你可以用 v-model 指令在表单 <input>、<textarea> 及 <select> 元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。它负责监听用户的输入事件以更新数据,并对一些极端场景进行一些特殊处理。v-model 会忽略所有表单元素的 value、checked、selected 特性的初始值而总是将 ...原创 2018-11-28 17:45:26 · 668 阅读 · 0 评论 -
九个很受欢迎的vue前端UI框架
一、Element官网地址:http://element-cn.eleme.io/#/zh-CN介绍:element ui框架的按钮组件,这款由饿了么前端开源的UI框架,一经面世,就收获大量程序员的芳心。在github 上更是高达29.8k的star早已说明一切。用于开发PC端的页面还是绰绰有余的。如果说你是用vue开发者,却没用过element UI,那你肯定不是合格的vue开发者。...转载 2018-11-29 11:16:06 · 938 阅读 · 0 评论 -
Vue slot 插槽
一、基础Vue 实现了一套内容分发的 API,将 <slot> 元素作为承载分发内容的出口它允许你像这样合成组件:<navigation-link url="/profile"> Your Profile</navigation-link>然后你在 <navigation-link> 的模板中可能会写为:<a ...原创 2018-11-22 15:56:05 · 310 阅读 · 0 评论 -
Vue 自定义filter日期格式化方法
毫秒数(如:1541561246000)转日期(2018-11-07 11:27:26)先建一个timeUtil.ts的文件,将格式化方法作为公共文件可以全局调用export function formatDate(fmt: string,time: Date) { // author: meizz const a = new Date() const o: any...原创 2018-11-07 14:32:47 · 670 阅读 · 0 评论 -
Vue-cli3.0 +Typescript
在typescript环境下,vue的属性、事件等写法有很大的不同,在这里做一个总结:import { Component,Vue, Prop, Emit , Watch } from 'vue-property-decorator';一、计算属性javascriptcomputed: { // 计算属性的 getter reversedMessage...原创 2018-11-07 12:12:23 · 5060 阅读 · 0 评论 -
Vue依赖注入 provide 和 inject
允许一个祖先组件向其所有子孙后代注入一个依赖,不论组件层次有多深,并在起上下游关系成立的时间里始终生效provide 选项允许我们指定我们想要提供给后代组件的数据/方法provide 选项应该是一个对象或返回一个对象的函数 provide: function () { return { getMap: this.getMap }}// 或者provide...原创 2018-11-07 10:38:05 · 3312 阅读 · 0 评论 -
vue-cli3.0 创建项目
这里需要nodejs环境,如未安装请点这里https://nodejs.org/en/download/一、安装vue-cli 3.x (目前最新版已更新至 3.5.1)npm install --global @vue/cli // 或者yarn global add @vue/clivue3.x默认使用yarn 进行依赖安装和运行安装成功后执行vue -V(注...原创 2018-08-09 15:25:12 · 1764 阅读 · 1 评论