sunddy_x的博客

[Vue warn]: Invalid vnode type when creating vnode: false

vue3 + ts 中使用ECharts

核心生成随机数据，拦截 Ajax 请求安装npm install mockjs或yarn add mockjs语法规范语法可参考官网API，前往语法规范；效果可参考官网示例，前往示例。方法参数rurl可选表示需要拦截的 URL，可以是 URL 字符串或 URL 正则。例如 //domain/list.json/、’/domian/list.json’。rtype可选表示需要拦截的 Ajax 请求类型。例如 GET、POST、PUT、DELETE 等。templa

前言项目中遇到需要在选择器中展示多行数据，这里需要用到picker的自定义选项内容。代码<template> <div class="app-container"> <van-nav-bar :title="navTitle" /> <section> <van-form @submit="onSubmit"> <van-field readonly

前言之前图片压缩是公司前辈留下的一个js方法，采用的回调函数处理。最近一个项目为了优化用户体验，在图片上传失败后要根据接口返回的状态值更改页面UI，此时该js方法就会出现异常，于是我找到了 image-conversion。安装npm i image-conversion --save或者yarn add image-conversion引入import * as imageConversion from 'image-conversion'或者import {compress, c

报错经过一开始使用vue-cli创建了一个vue2项目，然后安装各种需要的依赖并且配置选项，想着下次做类似项目还要再安装依赖再配置一遍很烦，就想着弄一个通用的模板，能偷点懒也是好的。别的都没遇到什么问题，唯独固定版本号时出现了错误。上图是项目中的依赖以及版本，我想着既然这个版本能运行起来，那就直接固定用这套版本号好了，当时只知道 ^ 和 ~ 不会固定版本号，想着把它们去掉应该就行了。事实证明，这个想法错的很离谱。将两个符号全部删除后，重新执行安装依赖，然后运行程序，就报了最上面的错误。看一下.

前言最近业务中遇到一个需求，要把一些小区的边界画在地图上，而客户是没有坐标提供的，那么就只能自己在地图上将小区边界画出来。这里使用的是高德地图，并没有找到相关的可以直接画边界的功能，所以这里采用 绘制覆盖物 + 覆盖物编辑 来实现效果。步骤这里大概解释一下步骤，查看详细代码可以直接跳过创建vue2项目，添加 JSAPI Loader 依赖初始化地图添加 鼠标工具-绘制覆盖物添加 多边形编辑器添加 右键菜单添加 关键字搜索 (非必须)详细代码<template> &

效果图前言最近做一个室外大屏项目，系统上的输入法使用不方便，客户要求做一个嵌入web网页的手写输入法。核心后端接口api：使用 QQ输入法手写接口https://handwriting.shuru.qq.com/cloud/cgi-bin/cloud_hw_pub.wsgi参数说明类型默认值track_str笔画字符串，单笔画以’x1,y1,x2,y2,…‘格式拼接，多笔画在单笔画的基础上以eb拼接，例如’x1,y1,x2,y2,eb,x3,y3,x4,y4’s

前言最近在做手写输入法时遇到跨域问题，使用的是qq输入法的接口，代理无法实现效果，这里使用jsonp来实现。jsonp原理可以自行百度，这里记录一下vue-jsonp的使用和踩的一点小坑，官方文档请前往npm地址。安装npm install vue-jsonp -S或者yarn add vue-jsonp使用mian.js引用// main.jsimport Vue from 'vue'import { VueJsonp } from 'vue-jsonp'Vue.use(

vue侦听器前言基本用法immediate选项-立即触发deep选项-深度监听监听对象属性前言当我们需要对某些数据的变化进行监视并执行某些操作时，可以使用 watch 侦听器基本用法方法格式（函数格式）const vm = new Vue({ el: '#app', data: { username: '', }, watch: { // 如果 `username` 发生改变，这个函数就会运行 // 侦听器本质上是一个函数，要监视哪个数据的变化，就把数据名作

vue中经常引入第三方组件，而第三方组件有时会无法满足需求，这时就需要自定义组件样式第一种方式，直接在全局样式修改，这种方式会全局覆盖修改后的组件样式<style>.van-action-sheet__header { font-size: 24px;}</style>另一种情况我们不希望改变全局样式，那么可以在scoped中使用 深度选择器。这里用的sass预处理器，深度选择器 就使用 ::v-deep<style lang="scss" scoped

前言Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式，它采用集中式存储管理应用的所有组件的状态，本文示例是基于vue-cli4创建的vue2项目。简介状态管理模式包含以下几个核心部分state 数据源getters 可以认为是store的计算属性mutations 更改store的状态的唯一方法，必须是同步函数actions 作用类似于mutations，提交mutations来更改store状态，可以包含异步操作modules 将store分割成模块使用在state

前言在PC端，请求数据过多一般采用分页处理，在移动端，则一般使用滚动加载，通过监听元素滚动触底触发加载事件。用法// template<div class="box" @scroll="onScroll"> <div class="box2"></div></div>// scriptmethods: { onScroll(e) { if (e.srcElement.scrollTop + e.srcElement

有时我们需要动态拼接图片的路径，可以使用下面的方式<img :src="getImgUrl(item)" v-for="(item, index) in array" /><script> data(){ return{ array: [1, 2, 3] } } methods: { getImgUrl(i){ return require("../../

报错信息：[Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop's value. Prop being mutated: "dialogVisible"避免直接更改prop，因为每当父组件重新渲染