Vue
本病框架
呱呱•.•
一只路过的小呱呱
展开
-
H5与APP混合开发通信交互记录
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar原创 2020-12-28 09:43:02 · 763 阅读 · 0 评论 -
vue 模拟填空题方格输入(一个文字一个方格)
前言:用于APP、H5的答题功能。题目的数据currentQus:{ questionName: "举头望(),低头思()。" //标题 rightKey: "明月,故乡", //答案 userKey:"" //用户输入的答案}首先根据标题和答案,处理好格子数,以及每一个方格所在位置,绑定到model,用于页面渲染 /* 处理填空题标题 */ handleBlankTile(currentQus) { const { questionName, rig原创 2020-12-27 18:02:23 · 3097 阅读 · 4 评论 -
vue+axios封装一个文件流导出
在main.js里全局注册组件import Download from '@/components/DownLoad/index'Vue.component('Download', Download);在app.vue文件中引入<template> <div class="energy-index-wrap qry-index-wrap"> ...原创 2020-05-02 16:21:51 · 789 阅读 · 0 评论 -
echart柱形图hover后柱子会消失
柱形图正常展示:鼠标移入柱形图以后:解决办法:颜色的设置采用rgba就没问题了原创 2019-12-30 11:34:28 · 1933 阅读 · 3 评论 -
vue $refs 不能动态拼接的问题
项目需求:动态增减表单并验证代码如下: <el-form label-width="110px" :inline="true" v-for="(item, i) in formData" :key="'add' + i" :ref="'addForm' + i" :rules="addRulse" ...原创 2020-01-16 15:43:42 · 4576 阅读 · 1 评论 -
Syntax Error: Unterminated string constant
Vue 语法错误错误写法<input type="text" v-show="!editShowUp" v-model=" equipmentBaseInfoData.wheelPressure "/>原因双引号不能换行使用,在 Vue2.6.3 以下版本会出现语法错误警告,由于我配置的vs code代码自动格式化问题会出现以上情况,在高版本的Vue中已经解决...原创 2019-09-06 08:59:50 · 10146 阅读 · 1 评论 -
搭建Vue-cli3
一、安装@vue/cli1、载掉旧版本命令:装了旧版本的建议先卸载旧版本,再安装新版本,没有旧版本省略这一步。node版本要在8.9以上。npm uninstall vue-cli -g# ORyarn global remove vue-cli 2、安装cli3命令:npm install -g @vue/cli# ORyarn global add @vue/cli...原创 2019-06-24 15:29:21 · 226 阅读 · 0 评论 -
[Vue warn]: Property or method "name" is not defined...
浏览器报错如下:属性或方法“name”不是在实例上定义的,而是在呈现期间引用的。通过初始化该属性,确保该属性在数据选项或基于类的组件中是响应的。解决方案:在data里面添加name : ’ ’ data() { return { name: ' ' }...原创 2019-03-25 09:37:57 · 10965 阅读 · 0 评论 -
vue弹窗里面使用echarts不显示的问题
出现问题:弹出层中插入echarts图表,没有报错,但是图表加载不出来原因分析:弹出层 的内容是懒渲染的,即在第一次被打开之前,传入的默认 slot 不会被渲染到 DOM 上。弹出层组件会监听 visible 的状态,当状态为 true 时,立刻触发 open 事件,但这个时候 弹出层 的内容还没有渲染。因为 Vue 组件通过 $emit 触发的事件并不是异步执行的,而是同步执行。两种解...原创 2019-03-25 18:17:16 · 9811 阅读 · 7 评论 -
Vue引入全局过滤器
创建单独的文件加上时间过滤函数将formatDate 暴露export 出来// 时间戳转时分秒function getformatDate (date, fmt) { if (/(y+)/.test(fmt)) { fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.le...原创 2019-05-16 16:34:52 · 1248 阅读 · 0 评论 -
vue集成openlayers
下载依赖cnpm i -S ol创建地图文件 <div class="map"></div>按需引入相应的API,具体查看官方文档<script>import Map from "ol/Map";import View from "ol/View";// 添加图层import TileLayer from "ol/layer/Tile"...原创 2019-04-28 10:51:29 · 5974 阅读 · 0 评论 -
Vue反向代理
config下面的index.js文件const ios = require('./os');module.exports = { dev: { // Paths assetsSubDirectory: 'static', assetsPublicPath: '/', proxyTable: { '/api': { targe...原创 2019-04-17 17:18:33 · 2455 阅读 · 0 评论 -
Vue动态类的几种使用方法
前言:动态类的操作比较简单,但是很实用。一、点击显示或隐藏样式的做法利用带数据绑定<button @click="isShow = !isShow">点击</button><div :class="{ colorRed: isShow }">哈哈哈</div>data() { return { isShow: true}...原创 2019-04-03 10:20:28 · 3542 阅读 · 0 评论 -
Vue引入百度地图警告:A Parser-blocking, cross site (i.e. different eTLD+1) script....
控制台警告在vue中引入地图控制台输出:警告出现原因页面渲染以后调用了document.write() ,而这种方式chrome53以上版本是不允许的。警告的用意对于在2G,3G 或者是慢 wifi 环境下面,使用document.write()动态加载资源会让页面的展现慢10秒以上,浏览器可以呈现页面之前,必须通过解析HTML标记来构建DOM树。每当解析器遇到脚本时,它必须停止并执行...原创 2019-03-27 17:23:30 · 5600 阅读 · 1 评论 -
Vue中的slot插槽
前言:之前学VUE对插槽只有一个模糊的存值概念,最近在封装自定义组件时,再次学习一下。通过slot插槽向组件内部指定位置传递内容,通过slot可以父子传参,简化了进行自定义组件的封装和使用。单个slot (默认插槽 或 匿名插槽)就是没有名字的插槽,一个组件里面只允许存在一个匿名插槽。父组件内容 <div class="fa"> <h1&g...原创 2019-03-26 18:01:38 · 424 阅读 · 0 评论 -
Vue中使用Echarts
基本用法打开终端输入:npm install echarts --save在main.js里面全局引入的方式// The Vue build version to load with the `import` command// (runtime-only or standalone) has been set in webpack.base.conf with an alias.i...原创 2019-03-18 13:53:56 · 132 阅读 · 0 评论