vue
文章平均质量分 58
梧桐芊羽
这个作者很懒,什么都没留下…
展开
-
geojson格式展示
获取geojson格式展示方式原创 2023-03-13 09:23:59 · 516 阅读 · 0 评论 -
vscode报Could not find a declaration file for module ‘three/examples/jsm/libs/stats.module.js‘
vue3项目中添加第三方库的话,vscode报如下错误:Could not find a declaration file for module ‘three/examples/jsm/libs/stats.module.js’. ‘e:/three3d/vuepro3/node_modules/three/examples/jsm/libs/stats.module.js’ implicitly has an ‘any’ type.Try npm i --save-dev @types/three i原创 2022-01-04 18:16:30 · 5634 阅读 · 1 评论 -
动态更换openlayer中ImageStatic的url地址
静态地图指定是非地图投影的普通地图,比如平面图,规划图,室内建筑等。偶尔会添加简单标注,定位,文字等。openlayer中的source类:ol.source.ImageStatic可以满足此需求。但本次例子只涉及imageStatic的地址切换。大致思路:判断是否是imageStatic实例,若有则删除原先存在的,再把最新的进行赋值。本例子仅供参考,建议多去官网查询api。官网地址:https://openlayers.org/ 及openlayers3例子:http://develop.smaryun原创 2021-07-27 22:22:57 · 1489 阅读 · 2 评论 -
vue自定义组件库发布到npm
vue组件做成npm包发布项目新建创建新项目cuttle:vue create cuttle修改项目结构及配置文件:修改src文件为examples,根目录下新建配置文件vue.config.js,并重写配置vue.config.js文件内容如下:module.exports = { // 重新配置入口 pages: { index: { // page 的入口 entry: 'examples/main.js',//默认是src/mai原创 2021-07-27 22:19:42 · 797 阅读 · 5 评论 -
nuxt.js开发小记
1.Nuxt.js是什么?Nuxt.js 是一个基于 Vue.js 的通用应用框架,利用 Vue.js 开发服务端渲染的应用所需要的各种配置nuxt generate ,为基于 Vue.js 的应用提供生成对应的静态站点的功能。确保npx(只要按照npm版本在5.2.0版本以上,则自动安装npx)//使用npx安装$ npx create-nuxt-app <项目名>//安装完进入项目目录并启动$ cd <project-name>$ npm run dev//编原创 2021-04-18 22:10:30 · 755 阅读 · 1 评论 -
vue监听某个对象属性变化
<template> <div class="test"> <div class="row"> {{studentName}} <input type="text" v-model="student.name" /> <input type="text" v-model="student.age" /> <input type="text" v-model="student.sex"原创 2020-08-25 20:24:49 · 13810 阅读 · 0 评论 -
vue报错npm ERR! [email protected] install: `node install.js`
最近删除vue项目的node_modules后,运行npm i进行重装时报如下错误:code ELIFECYCLEnpm ERR! errno 1npm ERR! [email protected] install: node install.js网上说这是vue-cli脚手架的一个bug,原因是chromedriver的部分文件被国内网络给墙掉了,无法下载完整chromedirver导致的。解决办法如下即可:npm install chromedriver --chromedriver_c原创 2021-01-28 21:35:52 · 838 阅读 · 0 评论 -
vue的函数式组件functional
https://blog.csdn.net/deniro_li/article/details/86771526vue的函数式组件functional主要有以下特点:无状态(没有相应式数据)无实例(没有this上下文,无法像传统组件一样通过this获取属性)没有任何生命周期轻量,渲染性能高,适合只依赖于外部数据传递而变化的组件(展示组件,无逻辑和状态修改)在template标签里标明functional只接受props值不需要script标签Vue.component('my-comp原创 2021-01-14 23:29:52 · 7598 阅读 · 0 评论 -
vue编译报错webpackJsonp is not defined
vue项目打包之后报webpackJsonp is not defined,解决方式如下:修改build/webpack.prod.conf.js文件的插件HtmlWebpackPlugin,添加如下:chunks: ['manifest', 'vendor', 'app']原创 2020-12-01 22:11:52 · 3235 阅读 · 0 评论 -
vue添加视频播放
<template> <div class="videopage"> <div class="vedio-body" @mouseover="handleControls(false)" @mouseleave="handleControls(true)"> <!-- <transition name="fade"> <div class="video-title" v-show="isControl">原创 2020-10-22 21:57:53 · 1059 阅读 · 0 评论 -
文件上传onUploadProgress使用
api/** * 添加音乐 */export function AddMusics(filelist, conf) { return http.post('/musicManage/addMusic', filelist,conf)}UploadMusic.vue<template> <div class="fileupload"> <div class="fileupload-title"> <el-button原创 2020-09-29 10:02:08 · 16415 阅读 · 1 评论 -
vue添加答题功能
前段时间项目要求添加一个答题功能,所以答题之前,要求创建答题题库。网上找了许多关于答题功能,最终,形成如下图所示答题要求,但适用于单选题和多选题,填空题不适用。1.点击【新增答题类型】,创建答题选项,此处答题选项个数做了限制,不能超过8个。2.根据正确答案选项个数决定该道题是否为多选题,若正确答案只有一个即为单选题,否则是多选题3.可以根据需要删除对应的答题选项,添加新答题类型本次答题选项的删除添加是个人最初比较头疼的地方。比如ABCD四个选项,删除c选项后,点击【新增答题类型】选项按钮,则默认创原创 2020-08-18 22:05:43 · 5075 阅读 · 10 评论 -
filters获取data中的数据
vue中的filters使用data中的数据会报错。上网查了下,在vue的filters中使用this引用data中的数据是无法获取的。因为filters中的this指的并非vue的实例。但通过一下方法可以使用。在对应的组件中申明全局变量在beforeCreated申明周期中修改this的指向,并在filters中使用。就可以获取data中申明的options数组的值...原创 2019-11-07 19:47:29 · 10927 阅读 · 1 评论 -
vue中使用ElementUI
Element官网地址:https://element.eleme.cn/#/zh-CN/component/quickstart安装过程可以参考官网方式全局安装:npm i element-ui -S在 main.js 中写入以下内容:import Vue from 'vue';import ElementUI from 'element-ui';import 'element-...原创 2019-11-07 19:30:19 · 452 阅读 · 0 评论 -
vue模拟后台数据
在mock文件夹创建json数据,模拟后台数据发送在webpack.dev.conf.js文件中配置,加载friend.json数据const friendData = require('./../mock/friend.json')在devServer,在里面加上before()方法before(app){ app.get('/friend',function(req,res,...原创 2019-08-10 23:32:50 · 157 阅读 · 0 评论 -
vue报错:listen EADDRNOTAVAIL: address not available XXXXXX:8081
原因:因为机器重启,DHCP重新分配了IP。重新配置工程绑定当前分配的IP就可以了,或者修改本机的IP为静态IP,问题就解决了解决:按下win+R,打开cmd输入ipconfig/all,将config/index.js中的host主机修改为IPv4地址的ip地址,重启即可...原创 2019-09-03 10:01:36 · 5776 阅读 · 1 评论 -
vue报错
解决:删掉没有调用的钩子函数即可。原创 2019-09-03 14:57:33 · 665 阅读 · 0 评论 -
vue的touchStart事件及click事件冲突问题
一 问题:今天遇到这样问题,给某个元素同事绑定touchStart及click事件后,若在移动设备上,当你点击时,会依次出发这两个事件。因为移动端的click事件触发是会延迟300ms,所以touchStart事件会先触发后再触发click事件。这样导致每次都要执行两次...原创 2019-09-14 16:22:55 · 24592 阅读 · 3 评论 -
ip地址访问vue运行项目
ip地址访问vue运行项目在未进行配置下,通过ip地址访问vue运行项目,是无法访问的。vue项目想要通过ip地址访问运行项目,需执行以下操作。1.查看本机IP地址。win+R打开cmd命令,输入ipconfig/all查看本机ip地址。2.修改package.json文件中添加–host 0.0.0.0,然后重新重启项目。"scripts": { "dev": "webpack...原创 2019-09-19 23:48:12 · 2754 阅读 · 0 评论