语法computed属性vue

Vue中使用 vue-i18n 进行国际化支持

前端国际化学习 前端国际化是很多地方都能用到的,今天学习一下用 vue3 + vite + ts + vue-i18n 插件来开发前端国际化项目 安装插件 vue-i18n npm install vue-i18n 创建翻译文件 -在 src 目录下新增 lang 目录,存放多语言文件 -这里简单创 ......
国际 vue-i Vue vue 18

使用标签Style属性中的变量

<div style="--primaryColor: #d3d3d3"></div> // 一定要使用 -- 开头 <style> .test { color: var(--primaryColor); } </style> ......
变量 属性 标签 Style

maya获取AOV属性名

from maya.cmds import *; from pymel.core import *; #获取aovs render_type = "RedshiftAOV" for aov_node in ls(type=render_type): ddd = getAttr(aov_node+'. ......
属性 maya AOV

vue前端导出excel

<template> <el-button style="float: right; margin: 10px" type="primary" @click="export2">导出</el-button> <!-- 导出表格 start--> <el-table class="tableExpor ......
前端 excel vue

如何创建electron-vue项目?

简介 electron是一个开源的桌面端框架,上手快,界面美观,跨平台,但由于是封装的网页,性能一般,适用于一些追求外观,对性能要求不高的项目,此处记录基于electron-vue创建项目的全流程,前端使用vue,后端使用python,方便后续直接使用。 环境安装 当前系统 Windows 前端环境 ......
electron-vue electron 项目 vue

'vue-cli-service' 不是内部或外部命令,也不是可运行的程序

‘vue-cli-service’ 不是内部或外部命令,也不是可运行的程序 产生原因: 项目下的node_modules文件损坏。 解决方案: 第一步:删除图片中的文件 第二步:在Terminal中运行yarn install或者npm install; 可能会报缓存问题: 清缓存:yarn cac ......
vue-cli-service 命令 service 程序 39

vue设置input不可编辑切换

<a-input name="a" v-model="formValidate.coName" placeholder="请输入姓名" v-bind:disabled="diasabledInput"></a-input> export default { data () { return { di ......
input vue

Vue3中KeepAlive的使用

我们在开发一个功能是,经常会遇到从一个列表页面,点击列表项跳转到详情页面的需求,理想的情况下,从详情页面返回到列表页,应该回到跳转前的状态,可以继续浏览其他内容;但是在没做任何处理的情况下,返回列表页后,列表页会被刷新,回到初始的状态,这就与我们的预设不符;为了实现这样的需求,我们需要使用keep- ......
KeepAlive Vue3 Vue

vue2的全屏插件--"screenfull": "^4.2.0",

安装 cnpm install screenfull@4.2.0 --save 引入 import screenfull from 'screenfull' api request(element传参某个元素) 全屏 exit() 退出全屏 toggle() 切换全屏 on(event, funct ......
quot screenfull 插件 vue2 vue

Vue.js 作用域插槽

视频 #components ##Categray.vue <template> <div class="category"> <h3>{{title}}分类</h3> <slot :games="games" msg="hello">我是默认的一些内容</slot> </div> </templa ......
作用 Vue js

Vue-002基础知识

Vue简介 Vue特点: 是JavaScript框架 可以简化Dom操作 响应式数据驱动 第一个Vue程序 官方文档: https://cn.vuejs.org/guide/introduction.html 步骤:1. PyCharm新建Vue项目 el:挂载点 data:数据对象 ......
基础知识 基础 知识 Vue 002

Vue

1、MVVM 思想 M:即 Model,模型,包括数据和一些基本操作 V:即 View,视图,页面渲染结果 VM:即 View-Model,模型与视图间的双向操作(无需开发人员干涉) 在 MVVM 之前,开发人员从后端获取需要的数据模型,然后要通过 DOM 操作 Model 渲染 到 View 中。 ......
Vue

Lua基础语法学习笔记

Lua是一门语言,我们可以使用一个库,可以在运行时去编译执行Lua中的代码,从而实现自己的内存中的数据和逻辑; 准备学习环境: 新建一个Lua项目目录,用来写我们的Lua代码; 进入目录,右键使用vsCode打开 或者,先打开vsCode,然后 文件->打开文件夹 ,选择我们的项目目录; 为vsCo ......
语法 基础 笔记 Lua

找不到模块“@/xxx/xx.vue”或其相应的类型声明 - ts(2307)

使用路径别名引用相关组件时,报出了TS错误提示! 错误信息(图片): Vite中路径别名相关的配置: import { defineConfig } from 'vite'; import vue from '@vitejs/plugin-vue'; import path from 'path'; ......
模块 类型 2307 xxx vue

在基于vue-next-admin的Vue3+TypeScript前端项目中,为了使用方便全局挂载的对象接口

在基于vue-next-admin 的 Vue3+TypeScript 前端项目中,可以整合自己的 .NET 后端,前端操作一些功能的时候,为了使用方便全局挂载的对象接口,以便能够快速处理一些特殊的操作,如消息提示、辅助函数、正则测试等等。本篇随笔介绍在Vue3+TypeScript 前端项目中全局... ......

Vue——initRender【八】

前言 前面我们简单的了解了 vue 初始化时的一些大概的流程,这里我们详细的了解下具体的内容; 内容 这一块主要围绕init.ts中的initRender进行剖析,参数合并完成之后就开始了初始化生命周期。 initRender initRender位于src/core/instance/render ......
initRender Vue

Markdown基础语法

Markdown 标题 标题# 一个#加空格是一级标题 两个是二级标题以此类推最多六级标题 字体 Hello,Word! 加粗 两个* Hello,Word! 斜体 一个* Hello,Word! 删除线 两个~~ Hello,Word! 斜体加粗 三个* 引用 引用 一个>箭头 分割线 三个 或者 ......
语法 Markdown 基础

vue的从0到1 p4—— vue2改vue3

背景:由于配置公司的vue2项目,什么东西都用不了很烦,我就重新卸载了vue2.9.6,参考文档:https://blog.csdn.net/qq_48736958/article/details/111405591 步骤: 1、卸载原有的版本,首先打开cmd,查看现有的vue版本 $ vue -- ......
vue vue2 vue3

Markdown语法

我的标题 我的二级标题 我的三级标题 我的四级标题 我的五级标题 我的六级标题 分割线: 内容:粗体 斜体 我的区块1 我的子区块 我的列表 有序列表 有序列表1 有序列表2 有序列表3 (注意,点号后有空格键) 子序列 子序列 子序列 (有序序列会自动标记有序数字)子序列需要按下tab键 无序列表 ......
语法 Markdown

vue学习笔记01

vue3 带来的变化 vue3 的发布时间 2020/09/19。 优点:更好的性能、更小的包体积、更好的 TypeScript 集成、更优秀的 API 设计。 options API->CompositionAPI,由选项 API 到组合 API。 学习方式: 官方文档 看书学习,书的质量要高,你 ......
笔记 vue

Vue3 学习记录

VUE3 学习记录 模板语法 绑定文本值 <p>Using text interpolation: {{ rawHtml }}</p> <p>Using v-html directive: <span v-html="rawHtml"></span></p> 绑定 Attribute <div v- ......
Vue3 Vue

Vue.js 具名插槽

视频 #components ##Categray.vue <template> <div class="category"> <h3>{{title}}分类</h3> <!-- 定义一个插槽(挖个坑,等着组件的使用者进行填充) --> <slot name="center">我是一些默认值,当使用 ......
Vue js

Vue.js 默认插槽

默认插槽视频 #components ##Categray.vue <template> <div class="category"> <h3>{{title}}分类</h3> <!-- 定义一个插槽(挖个坑,等着组件的使用者进行填充) --> <slot>我是一些默认值,当使用者没有传递具体结构时 ......
Vue js

vue2之对象属性的监听

vue2之对象属性的监听的一些总结 对象属性监听的两种方法: 1.普通的watch data() { return { frontPoints: 0 } }, watch: { frontPoints(newValue, oldValue) { console.log(newValue) } } 2 ......
属性 对象 vue2 vue

jquery 禁用按钮无效 disabled属性设置无效

禁用按鈕 $(this).prop("disabled", true); 啟用按鈕 $(this).prop("disabled", false); 禁用按鈕 $(this).attr("disabled","disabled"); 啟用按鈕 $(this).removeAttr("disabled ......
按钮 disabled 属性 jquery

vue3+vite+ts:使用@符号,找不到模块

报错问题 情况说明:在.vue后缀的文件中 导入.vue组件 import Drawers from '@/components/Drawer/index.vue' 找不到模块“../../../../components/Drawer/index”或其相应的类型声明 解决办法 第一步 配置vite ......
符号 模块 vue3 vite vue

Java基础语法2

# 顺序结构 程序从上到下依次地执行,中间没有任何判断和跳转。 System.out.println("程序开始"); System.out.println("起床"); System.out.println("洗漱"); System.out.println("开车"); System.out. ......
语法 基础 Java

Vue3 点击复制功能,利用vue-clipboard3

首先安装插件 vue-clipboard3 npm install vue-clipboard3 --save 然后在页面里面引入 <button class="btn" @click="copy()">点击复制</button> 建议用buttn标签,因为别的标签可能会失效 <script set ......
vue-clipboard clipboard 功能 Vue3 Vue

使用鼠标在图片上拖拽矩形框vue

<template> <div> <img class="no-drag" src="https://dashanbook.oss-cn-shenzhen.aliyuncs.com/11.png" @mousedown="startSelection" @mousemove="updateSelec ......
矩形 鼠标 图片 vue

通过鼠标拖拉获取图片原像素的两个点坐标vue

<template> <div> <img class="no-drag" ref="image" src="https://dashanbook.oss-cn-shenzhen.aliyuncs.com/11.png" @mousedown="startSelection" @mousemove= ......
坐标 像素 鼠标 两个 图片