属性 变量vue css
vue 中数据更新视图不更新
Vue无法检测实例被创建时不存在于data中的变量 new Vue({ data:{}, template: '<div>{{message}}</div>' }) this.message = 'Hello world !' // `message` 不是响应式的页面不会发生变化 解决: new ......
vue中$forceUpdate()的使用
刷新数组的作用 this.$forceUpdate(); 具体请看:vue中$forceUpdate()的使用 - 简书 (jianshu.com) ......
使用vue2+element-ui+vuex实现后台管理系统的头部背景色动态点击修改
**以下内容仅供自己学习使用 话不多说,直接上代码 首先去vuex里面 import Vue from 'vue'; import Vuex from 'vuex'; Vue.use(Vuex); const store = new Vuex.Store({ state: { headerColor ......
vue项目内存溢出,JavaScript heap out of memory
第一种方式: 参考地址:https://blog.csdn.net/wj197927/article/details/124323835 第二种方式: 修改NODE_OPTIONS NodeJS启动的应用,内存使用是有上限的;默认为4GB(不同机器环境可能会有不同)。NodeJS应用使用的内存上限, ......
css3 箭头上下跳动
.container .stepsItem.permit .permitStepItem .table .showTable { width: .37rem; margin: .20rem auto; position: absolute; bottom: 0; left: 50%; margin- ......
项目实践后的图片压缩完整使用过程【vue3+js】
van-uploader + 图片压缩 + 图片base64转成file compressImage.js const ACCEPT = ['image/jpg', 'image/png', 'image/jpeg'] const MAXSIZE = 1024 * 1024 * 2; const M ......
React父组件调用子组件属性和方法
子组件暴露自身的属性和方法 父组件使用ref绑定对应的子组件。调用即可 ###类组件绑定ref示例 import React from 'react' import Child from './Child' export default class Parent extends React.Comp ......
npm run dev 出现问题:vue-admin-template-master/node_modules/.bin/vue-cli-service: Permission denied
在Mac环境下,当复制Vue-cli项目或通过版本工具获取已有项目后,执行命令npm run serve进行调试时,可能会提示XXX/node_modules/.bin/vue-cli-service: Permission denied 权限不足的问题。 解决方案:找到项目的根目录,打开终端,输入 ......
VUE watch监听器的基本使用方法详解
1、下面代码是watch的一种简单的用法 <div id="app"> <input type="text" v-model="firstName" /> </div> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></scri ......
CSS: position: relative absolute
<div class="course-b"> <div class="outer"> <div class="inner"></div> </div> </div> .outer{ margin: 50px; width: 200px; height: 200px; background: gray ......
app直播源码,css预加载旋转动画 与 流光字体
app直播源码,css预加载旋转动画 与 流光字体 一、预加载旋转动画 Html <view class="concentric_round"></view> css body {}.concentric_round {width: 200rpx;height: 200rpx;position: ......
在线直播系统源码,Vue3中全局配置 axios
在线直播系统源码,Vue3中全局配置 axios 1. 简单项目的全局引用 如果只是简单几个页面的使用,无需太过复杂的配置就可以直接再 main.js 中进行挂载 import Vue from "vue"; /* 第一步下载 axios 命令:npm i axios 或者yarn add axio ......
vue3使用iconfont字体图标时的注意事项
前言 iconfont地址:https://www.iconfont.cn/ 正文 在代码中如何引用 https://www.iconfont.cn/help/detail?spm=a313x.7781069.1998910419.27&helptype=code 字体图标的自带颜色 有些字体图标是 ......
vue 常用动画
来源: https://juejin.cn/post/6844903638402334734 Vue 常用 transition 动画效果记录 我的代码果然有问题 2018年07月15日 13:48 · 阅读 3839 先简单介绍下 transition 标签的使用方法 主要用于 v-show, v ......
vue第三课:简单点击器应用
简单需求: 1,最小为0 ,小于0则不能再点击减少,并显示提示 2,最大值为10,小于10则可以点击增加,超过10则不能再点击,并显示提示 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>v-html测试 </title> <s ......
vue第二课:常用标签
1,v-text指令 <div id='app'> <h2 v-text="message+'???'"></h2> <h2 v-text="info"></h2> <h2>{{message+'??'}}江苏</h2> </div> <script> Vue.config.productionTi ......
vue侦听器
侦听data里的数据变化: 方法格式: <script> const vm=new Vue({ el:"#app", data:{ username:"张三", userList:[ {"id":1,"name":"张三"}, {"id":2,"name":"李四"} ], info:{ usern ......
VUE 页面使用 defineProps 如何友好的给参数赋默认值
🌟在 Vue 3 中,我们可以使用 Composition API 来编写组件,其中一个新特性是使用 defineProps 来定义 props。但是,在使用 defineProps 定义 props 时,如果没有给 props 赋默认值,那么在使用该组件时就必须给 props 传递值,否则会报错 ......
VSCode打开Vue项目
打开VSCode 打开文件夹并选择vue的文件夹 新建终端 在终端输入npm install 在终端输入npm run dev(dev为配置的值) 等上一步执行出结果即为编译好的链接 ......
4.15 vue中watch computed
在 Vue.js 中,computed 是一种计算属性,它能够根据依赖的数据动态计算出一个新的值。 computed 属性可以定义为一个函数,该函数返回需要计算的值。 当它所依赖的数据发生变化时,Vue.js 会自动重新计算这个值并将其更新到组件上。 与 computed 对应的还有另外两种常见的属 ......
vue下拉框联动 数据清空后,赋值无效
1.问题描述 : 规格型号与设备类型联动,当选择“规格型号”后,清空“设备类型”选择框内容,选择数据赋值时失效。 2.解决 添加this.$forceUpdate();进行强制渲染,效果实现。 getSecondName() { this.$forceUpdate(); }, ......
vue做播放器和进度条
<template> <video-player class="video-player vjs-custom-skin" ref="videoPlayer" :playsinline="true" :options="playerOptions" @play="onPlayerPlay($even ......
vue3+vite 解决本地调用时跨域请求
1、config配置文件中,axios默认请求地址;改为"",否则还是请求环境变量中的地址; 2、vite.config.ts文件中做如下配置: server: { open: true, //启动项目自动弹出浏览器 port: 8081, //启动端口 cors: true, proxy: { " ......
[CSS]文字超出一行隐藏+图片居中
来自酱酱。做个记录。 .book_item > div { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .book_item > div:nth-child(1) { display: flex; align-i ......
4.4 proxy 的一些属性
var user = { id : 1, name : 'Tom', age : 10, school : 'primary school', sister:{ name:'Alice', age:12 } } var handler = { get(target,prop){ if(prop == ......
【vue】vue3中的动画
vue版本:vue3 不过是控制动画放到了标签内控制 在上图中,是绑定到了style vue中关于动画的封装 入场出场动画 进入开始状态(时间点) .v-enter-from { } 动态效果(时间段) .v-enter-active { } 终止状态(时间点) .v-enter-to { } .v ......
vue实现在固定区域内鼠标轮滚放大缩小图片组件
<template> <div style="width: 100%;position: relative;overflow: hidden;text-align: center;border: 6px solid #f1f2f3;"> <el-button size='mini' circle t ......
JS 对象 Key使用变量代替
let key = 'aa' let data = { key: 'value' } 这是 写 key 他代表key 而不是 'aa' let data = { [key]: 'value' } 这样才对 现在的key 是aa 是可以解析的 ......
Android中的persistent属性
在我们开发系统级的App时,很有可能就会用到persistent属性。当在AndroidManifest.xml中将persistent属性设置为true时,那么该App就会具有如下两个特性: 在系统刚起来的时候,该App也会被启动起来 该App被强制杀掉后,系统会重启该App。这种情况只针对系统内 ......
vue脚手架创建与环境安装
1.安装 Node.jsDownload | Node.js 在这里👆下载的是最新版,如果要安装以前的版本👇,页面往下拉找到 Previous Releases—Donloads—下载msi文件。 1.1 一直next即可安装成功。 1.2 安装后在cmd控制台输入node -v和npm ......