vue
vue
Cupid510
这个作者很懒,什么都没留下…
展开
-
vue3+mqtt+flv实时视频的简单使用
实时视频原创 2022-12-09 15:34:25 · 1207 阅读 · 1 评论 -
单点登录(sso)
单点登录原创 2022-12-09 15:25:48 · 480 阅读 · 0 评论 -
Uncaught SyntaxError: Unexpected token ‘<‘ (at chunk-vendors.js:1:1) app.js:1 Uncaught SyntaxError:
Uncaught SyntaxError: Unexpected token '原创 2022-12-09 15:11:25 · 3592 阅读 · 3 评论 -
uniapp开发的app打开外部app,使用夜神模拟机测试跳转
uniapp开发的app打开外部app,使用夜神模拟机测试跳转原创 2022-11-01 09:44:09 · 309 阅读 · 0 评论 -
js查找树形结构的第三层,给第三层添加属性
js查找树形结构的第三层,给第三层添加属性原创 2022-10-27 15:36:46 · 591 阅读 · 0 评论 -
vue3中使用echarts,动态更新X、Y轴数据
vue3中使用echarts,动态更新X、Y轴数据。原创 2022-09-27 18:41:44 · 2611 阅读 · 0 评论 -
vue3通过watch首次监听不到store数据变化
vue3通过watch首次监听不到store数据变化。原创 2022-08-11 15:19:14 · 2819 阅读 · 0 评论 -
vue3.2 table遍历form表单数据校验
vue3.2 table遍历form表单数据校验。原创 2022-08-11 15:05:55 · 889 阅读 · 6 评论 -
vue3 多级动态路由
vue3 多级动态路由原创 2022-08-05 14:56:37 · 2534 阅读 · 0 评论 -
inject() can only be used inside setup() or functional components.
vue3问题原创 2022-08-01 14:53:42 · 13367 阅读 · 3 评论 -
[ant-design-vue: Table] column.slots报错
ant design table报错原创 2022-08-01 14:50:12 · 9085 阅读 · 0 评论 -
ant design日历插件( a-calendar)改为中文显示
a-calendar 改为中文原创 2022-06-16 14:26:47 · 3840 阅读 · 0 评论 -
vue3+ts 动态添加属性
ts动态添加属性原创 2022-06-08 14:02:39 · 2751 阅读 · 1 评论 -
vue3+ts报错
ts中localStorage.getItem、window.location报错改成:JSON.parse(localStorage.getItem('admin.routes') || '{}')(<any>window).location = ''原创 2022-05-27 17:48:52 · 790 阅读 · 0 评论 -
vue3.2中下出现Object.fromEntries is not a function报错
vue3.2中下出现Object.fromEntries is not a function报错原因:浏览器版本的问题,支持es10的Object.fromEntries方法解决方法:安装polyfill-object.fromentriesnpm i polyfill-object.fromentriesmain.ts中引入:import ‘polyfill-object.fromentries’;...原创 2022-04-29 22:22:13 · 7605 阅读 · 1 评论 -
vue3中的defineProps 和 defineEmits
vue3中的defineProps 和 defineEmits在 <script setup> 中必须使用 defineProps 和 defineEmits API 来声明 props 和 emits<script setup>const props = defineProps({ foo: String})//使用的时候用props.fooconst emit = defineEmits(['change', 'delete'])// setup code&l原创 2022-04-25 08:49:56 · 2567 阅读 · 0 评论 -
Vue数据更新但页面没有更新的多种情况
Vue数据更新但页面没有更新的多种情况1、Vue 无法检测实例被创建时不存在于 data 中的 变量原因:由于 Vue 会在初始化实例时对 data中的数据执行 getter/setter 转化,所以 变量必须在 data 对象上存在才能让 Vue 将它转换为响应式的。例如:new Vue({ data:{}, template: '<div>{{message}}...原创 2021-09-23 11:36:00 · 18360 阅读 · 1 评论 -
vue手写el-form组件
index.vue<template> <div> <s-form :model="model" :rules="rules" ref="loginForm"> <s-form-item label="用户名" prop="username"> <s-input v-model="model.user...原创 2021-08-09 23:01:00 · 313 阅读 · 0 评论 -
vue组件传值、通信
vue组件传值、通信父组件--------》子组件属性// parent<HelloWorld msg="Welcome to Your Vue.js App"/>// childprops: { msg: String }引用refs// parent<HelloWorld ref="hw"/>修改子组件的值this.$refs.hw.xx =...原创 2021-08-09 22:43:00 · 87 阅读 · 0 评论 -
vue可调整大小和可拖动的组件---vue-draggable-resizable
vue-draggable-resizable用于可调整大小和可拖动元素的组件、并支持组件之间的冲突检测和组件对齐。使用流程:安装依赖:npm install --save vue-draggable-resizable注册组件(在main.js中添加下列代码):import Vue from 'vue'import VueDraggableResizable from 'v...原创 2021-04-30 11:14:00 · 18092 阅读 · 7 评论 -
图形化设置数据库规则
dataFilters.vue<template> <div class="filter"> <div class="groupAdd" @click="addCondition"> <a-icon type="plus-circle" theme="twoTone" two-tone-color="#52c41a" /&g...原创 2021-09-23 14:50:00 · 95 阅读 · 0 评论 -
vue翻牌器
翻牌器ScrollCom.vue<template> <ul class="flex"> <ScrollNum v-for="(num, idx) of numArr" :key="idx" as="li" :i="num" :delay="idx + 1" /> <...原创 2021-09-23 18:53:00 · 227 阅读 · 0 评论 -
Vue3 相比于 Vue2不同的地方
响应式原理Vue2 响应式原理基础是Object.defineProperty;Vue3 响应式原理基础是Proxy。Object.defineProperty基本用法:直接在一个对象上定义新的属性或修改现有的属性,并返回对象。缺陷: 无法监听对象或数组新增、删除的元素。Object.defineOProperty是可以监听数组已有元素,但 Vue2 没有提供的原因是性能问题。Vue2 方案:针对常用数组原型方法push、pop、shift、unshift、splice、sort、rever原创 2022-02-10 11:37:12 · 1030 阅读 · 0 评论 -
ant vue a-table 动态改变表头的值
{ title: () => (this.dataSource[0] && this.dataSource[0].awardType=="6" ? '翻倍倍数' : '奖励值'), align: "center", key: "signPoints", type: JVXETypes.inputNumber, },原创 2021-12-10 14:17:36 · 1203 阅读 · 0 评论 -
v-if 与 v-for优先级
vue2.0中 v-for具有更高的优先级vue3.0中 v-if拥有更高的优先级原创 2021-10-27 14:05:51 · 65 阅读 · 0 评论 -
vue3.0中setup的参数
props: { name: { type: String, default: '' }, back: { type: String, default: '' } }, setup(props, ctx) { }它接受2个参数, [props, context]props:子组件传递过来的参数ctx: 这里包含定义的事件emit,和一些没有被声明的属性参数(attrs 、slots) 。...原创 2021-10-22 16:02:33 · 774 阅读 · 0 评论 -
vue3+canvas随机生成4位验证码
<template> <div class="img-verify"> <canvas ref="verify" :width="width" :height="height" @click="handleDraw"></canvas> </div></template>n <script type="text/ecmascript-6">import { reactive, onMounted, .原创 2021-10-22 15:10:18 · 771 阅读 · 0 评论 -
移动端canvas扭蛋机
<template> <div class="component"> <div class="bg"> <div class="lotterybg" :style="`background: url(`+canvasUrl+`)center center / cover no-repeat`"> <canvas :style="canvasStyle" id="myCan..原创 2021-10-15 10:47:06 · 896 阅读 · 0 评论 -
在css中使用js定义的变量
<template> <h1>Vue</h1></template> <script>export default { data () { return { border: '1px solid black', color: 'red' } }}</script> <style scoped>h1 { color: var(--color); bo原创 2021-09-15 19:45:05 · 223 阅读 · 0 评论 -
ant-design-vue a-tree默认展开所有父节点不生效
是因为此时数据还未渲染, a-tree加上v-if判断,等待数据渲染完成后再展开原创 2021-09-15 17:11:22 · 2077 阅读 · 5 评论 -
Vue还没从后端拿到数据后就传递给子组件 props为空的问题
在编辑的时候,接口还没请求完就从data里面传递给子组件空值的问题(初识值为空)//声明一个字段resultShow为false,给子组件加一个v-if判断 <tabsIndexRule v-if="resultShow" ref="tabscom" :where-filters="whereClause" :columns="selectColumns"原创 2021-09-15 14:43:01 · 1314 阅读 · 0 评论 -
手写vue-router
main.jsimport Vue from "vue";import App from "./App.vue";// 手动封装的krouterimport router from './krouter'new Vue({ router, render: h => h(App)}).$mount("#app");krouter.jsimport Vue from 'vue'//组件引入import Home from "./views/Home";import原创 2021-09-14 19:59:25 · 95 阅读 · 0 评论 -
vue 简易弹框
很简易的弹出框,不想写样式了,凑活看吧modal.vue<!-- * @Description: * @Version: 1.0 * @author: shihaixia * @Date: 2021-09-14 15:38:27--><template> <transition name="mask-bg-fade"> <div class="modal" v-if="visible"> <div原创 2021-09-14 16:32:55 · 289 阅读 · 0 评论 -
js瀑布流触底动态加载数据
// onScrollEvent 滚动条事件 <div class="box" ref="box" @mousewheel="onScrollEvent"> //每一个方块内的内容start <div class="boxItemStyle" v-for="(userTag, i) in dataSource" :key="i" ref="boxItemStyle"> <a-tag class="moreStyle" @click=...原创 2021-09-14 10:27:56 · 217 阅读 · 0 评论 -
ElementUI 侧边栏伸缩布局
ElementUI 侧边栏伸缩布局<template> <div id="home"> <el-container> <el-aside width="auto"> <div class="logo"></div> <el-menu class="el-...原创 2020-10-15 15:34:00 · 2254 阅读 · 3 评论 -
ElementUI el-tree 树形控件给节点添加图标
ElementUI el-tree 树形控件给节点添加图标TreeData为后端获取到的数据<el-tree :expand-on-click-node="false" style="width:180px" class="tree filter-tree" :indent="0" ...原创 2020-10-15 15:26:00 · 778 阅读 · 0 评论 -
vue路由的二次封装
路由的二次封装var routes = [ { path: "/attendance", component: () => import('../pages/Attendance') }, { path: "/identify", component: () => import('../...原创 2021-01-07 17:59:00 · 331 阅读 · 1 评论 -
vue3.0请求接口的例子
<script>import { getInTheaters } from "@/api/movie";import { reactive, toRefs, onBeforeMount, onMounted, onBeforeUnmount, provide,} from "vue";import { useRouter } from "vue...原创 2020-12-16 14:21:00 · 11765 阅读 · 4 评论 -
在vue2.0中写3.0的代码
在vue2.0中写3.0的代码下载依赖项 composition-apinpm install @vue/composition-api# oryarn add @vue/composition-api在想要书写vue3.0代码页中使用import Vue from 'vue'import VueCompositionAPI from '@vue/compositio...原创 2020-12-16 13:57:00 · 276 阅读 · 0 评论 -
vue3.0与2.0的区别
原创 2020-12-16 13:48:00 · 466 阅读 · 0 评论