随笔分类 - vue
摘要：JSON schema数据 { "title": "测试注册表单", "description": "A simple form example.", "type": "object", "properties": { "firstName": { "type": "string", "title"
阅读全文
摘要：JSON schema数据 export default { "type": "object", "properties": { "listOfStrings": { "type": "array", "title": "A list of strings", "ui:options": { "fi
阅读全文
摘要：前提： 基于vue3 + element-plus 使用 @lljj/vue3-form-element 表单生成工具自定义组件 自定义组件 需要在全局注册，然后使用 使用步骤： vue 文件 导入：import VueForm from "@lljj/vue3-form-element";使用：
阅读全文
摘要：基于 Element Plus 、Vue3、 JSON Schema 生成表单 https://www.npmjs.com/package/@lljj/vue3-form-element 文档：https://vue-json-schema-form.lljj.me/zh/guide/basic-c
阅读全文
摘要：1、步骤一 https://chrome.zzzmh.cn/info/nhdogjmejiglipccpnnnanhbledajbpd 2、步骤二 2.1下载到本后，解压插件，打开chrome扩展程序，将解压后的插件拖到页面，扩展模式页面打开"开发者模式" 2.2打开开发者模式 2.3将文件拖入空白
阅读全文
摘要：效果如下： const Xdata = ["1:50", "200:1", "10:10", "100:100"]; const fp_key = ["入栏", "标题", "出栏"]; // 左侧数据 const LF_val = [2200, 1200, 2500, 200]; // 右侧数据
阅读全文
摘要：var cdata=[ 2000.56, 1800, 2239.56, 3239.56, 2239.56 ] let lineColor=['#C5E879', '#2DF0DB'] let cxdata=[2021,2022,2023,2024,2025] // 增长率数据，正数为增长（↑），负数
阅读全文
摘要：<template> <div class="djs-box"> <div class="topBox"> <h3>vue实现文字向上滚动效果</h3> <div>大剑师兰特, 还是大剑师兰特，gis-dajianshi</div> </div> <div class="dajianshi"> <l
阅读全文
摘要：1. 组件 组件的定义有两种命名方式：PascalCase 和 kebab-case PascalCase 定义的组件的引用：PascalCase 和 kebab-case 均可 // PascalCase定义方式 Vue.component('MyComponentName', { /* ...
阅读全文
摘要：Vue关闭eslintrc校验 vue.config.js文件 添加 lintOnSave: false eslintrc.js文件 ① 注释掉 @vue/standard ② 添加 ‘vue/multi-word-component-names’: ‘off’
阅读全文
摘要：el-table表格中使用el-popover打开和关闭失效的问题及解决过程 在 element-ui 中 el-table 中使用Popover弹框 <el-table-column> <template slot-scope="scope"> <el-popover placement="bot
阅读全文
摘要：表单只有一个元素的时候，回车会触发页面刷新，加上下面这个属性可以解决这个问题 @submit.native.prevent 给某个el-input添加回车键监听 @keyup.enter.native="onSearch" <el-form :model="filters" @submit.nati
阅读全文
摘要：1、下载JSWebrtc.min.js文件 地址：https://github.com/kernelj/jswebrtc/tree/master/dist 或者再此路径下载 https://files.cnblogs.com/files/blogs/702532/jswebrtc.min.js?t=
阅读全文
摘要：在使用 van-uploader 组件上传图片时，如果需要在客户端进行图片压缩，可以使用JavaScript的 Canvas API来实现。以下是一个简单的示例，展示了如何在上传之前对图片进行压缩： html <template> <van-uploader v-model="fileList" :
阅读全文
摘要：<template> <div ref="container" class="container"> <!-- 内容 --> </div> </template> <script> import { ref, watchEffect } from 'vue'; export default { se
阅读全文
摘要：当我们新建vue3项目，package.json文件会自动给我添加一些配置选项，这写选项基本没有问题，但是在实际操作过程中，当项目越来越复杂就会出现问题。本文列举一个目前我遇到的一个问题：打包后报了一堆TS类型错误，怎么消除这些错误？ 项目环境：Vue3 + Vite + TS 当项目进行打包时候，
阅读全文
摘要：要获取循环的 <div> 元素的总宽度，您可以使用 Vue 3 中的 ref 和 $refs。 在模板中，使用 v-for 循环生成多个 <div> 元素，并为父元素和每个子元素添加 ref 属性。例如： <template> <div ref="parentDiv"> <div v-for="it
阅读全文
摘要：1.监听父组件的 宽高 2.将监听到的高度赋给 你需要设置的对象 :: 引入监听 并实现 如何得到动态宽度 (此时的 div2 会与 divDom 宽度会保持一致) <template> <div ref="divDom"></div> //你可以手动或者换成可拖拉伸缩的盒子 <div ref= "
阅读全文
摘要：下载插件可以使用Volar或Prettier 设置格式化时选用的插件mac：【shift】+【option】+【f】win：【shift】+【alt】+【f】 选择其中之一 左下角选择【设置】 点击右上角的文件切换图标，可以切换到setting.json 实际使用假设这是默认代码状态 使用Prett
阅读全文
浙公网安备 33010602011771号