Vue3】自定义Input组件

put v-model="user_name" /> </template> <script setup lang="ts" name="Home123">import { ref } from "vue"import MyInput from "./MyInput.vue" let user_name = ref("")</script> <style scoped></style> 自定义In...

vue文件结构

vue文件结构 目录 1. 项目启动2. 项目结构的分析 1. 项目启动 npm run serve npm run dev (vue2.0) 运行项目:找到项目根目录,输入cmd进入目录,执行npm run serve 2. 项目结构的分析 readme.md — 不需要我们关注/开发 对项目的说明、如何使用等等。vue中的这个文件中主要写的是vue团队提供给我们的一些基本命令。 .gitignor...

vue项目打包解决Vue Router加载无效(404)报错 No such file or directory

项目场景: 在写Vue3项目的时候,使用了Vue Router前端路由,配置为history模式。进行项目打包上传到服务器的时候,正常测试访问页面,当刷新当前路由的时候,就会出现404的状况,检查日志发现全是No such file or directory目标路径的问题。 问题描述 查询搜索问题,明确表明服务器试图在指定的目录下寻找一个名为recruitment的文件或文件夹,但没有找到。种问题通常与...

VUE-组件间通信(一)props

props 1、单向绑定 props是父组件给子组件传输数据 当父组件的属性变化时,将传导给子组件,但是反过来不会 2、使用示例 子组件(类似于方法) <template><div> <h2>姓名:{{ name }}</h2> <h2>性别:{{ sex }}</h2> <h2>年纪:{{ age }}</h2></div></template><script>export default...

263:vue+openlayers 高德地图坐标转换 WGS84-GCJ02

第263个 本示例演示如何在vue+openlayers中将 WGS84坐标转化为GCJ02坐标,从而使得高德地图能正确的显示物体的坐标点。 84坐标系可以理解为是真实坐标系,是一个地点的实际坐标值。02坐标系是加密后的坐标系,是为了国家安全考虑。对应的不是实际的坐标值,GCJ02坐标系与WGS84坐标系之间的偏差大概在50-700米左右。 直接复制下面的 vue+openlayers源代码,操作...

VUE-组件间通信(二)$emit

s="fatherFunction"></SonDemo> </div></template> <script>import SonDemo from './components/SonDemo.vue' export default { name: 'App', components: { SonDemo }, methods:{ fatherFunction(value){ console.lo...

Vue 学习随笔系列十一 -- input输入框和select下拉框使用

input输入框和select下拉框 文章目录 input输入框和select下拉框一、input输入框1、只能输入整数2、可以输入带小数点的数字3、可以输入数字和字母包括特殊字符4、只能输入字母和汉字5、只能输入数字和英文6、不能输入以0开始的数字 二、select下拉框1、select下拉框内容可以选中,但不展示解决办法 一、input输入框 1、只能输入整数 <el-input onkeypre...

TS使用 ‘vue-context-menu‘;右键打开菜单,内附安装流程

1.安装包 2.引入 import VueContextMenu from 'vue-context-menu';  let VueContextMenu = require('vue-context-menu')  3.右击tree的节点发生的事件,阻止冒泡和默认事件,然后启用vue-contextMenu的方法 <VueContextMenu id="context-menu" ref="ctxMe...

阳光音乐厅订票系统技术解析 Java+SpringBoot+Vue+MySQL

票系统”的研究背景与意义在于,随着信息技术的快速发展和人们对高品质文化生活的追求,传统的音乐厅订票方式已无法满足现代社会的需求。该系统结合Java的稳定性和扩展性、SpringBoot的快速开发能力、Vue的前端交互体验以及MySQL数据库的可靠性,旨在构建一个高效、便捷、用户友好的在线订票平台。通过该系统的研究与实践,不仅能够提升音乐厅的服务水平,优化用户体验,促进文化产业的数字化发展,还能够为相关领...

Vue】Request模块 - axios 封装&Vuex的持久化存储

       📝个人主页:五敷有你        🔥系列专栏:Vue ⛺️稳中求进,晒太阳 Request模块 - axios 封装 使用axios来请求后端接口,一般会对axios进行一些配置(比如配置基础地址,请求响应拦截器) 所以项目开发中都会对axios进行基本的二次封装,封装到一个request模块中,便于维护使用 安装axios新建request模块(util/request.js)创建实...
© 2024 LMLPHP 关于我们 联系我们 友情链接 耗时0.013031(s)
2024-03-29 13:11:09 1711689069