![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
weirdo_world
人懒、话少,只分享干货
展开
-
Element Plus按需引入配置
然后vue项目中配置vue.config.js如下。由于使用中太多坑,本人暂时放弃使用。以上就已经配置完成了!首先按需引入要安装如下。原创 2023-08-23 15:23:53 · 347 阅读 · 0 评论 -
如何使用vue ui创建一个项目?
E2E Testing:端到端(End-to-End)测试是一种测试方法,用于模拟用户交互,并验证整个应用程序的各个部分是否协同工作。CSS Pre-processors:CSS预处理器允许你使用类似于编程语言的方式编写CSS代码,以提供更高的可维护性和可重用性。Babel:Babel是一个JavaScript编译器,用于将ES6+代码转换为向后兼容的JavaScript版本,以确保代码在旧版本的浏览器上正常运行。Vuex:Vuex是Vue.js官方的状态管理库,用于管理应用程序的状态。原创 2023-08-03 11:58:54 · 527 阅读 · 0 评论 -
vue配置websocket 使用nginx部署无法连接?
关键一:vue配置'/ws': { target: process.env.BASE_URL, changeOrigin: true, //开启代理 ws: true, // 是否启用websockets pathRewrite: { '^/ws': '' } }关键二:nginx配置#nginx配置websocket location /ws {原创 2021-11-24 11:47:23 · 2113 阅读 · 0 评论 -
nginx 部署vue 重要配置
# vue.config.js 配置let url = process.env.BASE_URL;module.exports = { publicPath: '/', productionSourceMap: false, devServer: { port: 8899, proxy: { '/api': { target: url, changeOrig.原创 2021-10-14 10:43:27 · 537 阅读 · 0 评论 -
使用Vant Weapp 构建微信小程序
Vant Weapp 官网:介绍 - Vant Weapp (gitee.io)步骤一:打开微信开发工具 新建空项目步骤二:在新建的项目根目录下 执行 npm init -y 初始化步骤三:安装 Vant Weapp 命令npm i @vant/weapp -S --production步骤四:微信开发工具详情本地设置勾选npm 然后点开工具 构建npm以上构建项目git地址:weirdo-world/wwApp (github.com)...原创 2021-07-05 13:57:13 · 449 阅读 · 0 评论 -
vue2.9 升级到最新版本
#卸载npm uninstall vue-cli -g#安装npm install -g @vue/cli原创 2021-05-21 15:04:04 · 471 阅读 · 0 评论 -
小程序弹出框位置无法定位到屏幕中间?一招搞定!
开始用的绝对定位 position: absolute;修改后 position: fixed;原创 2021-05-11 15:46:13 · 1027 阅读 · 2 评论 -
自定义一个小程序弹出框
<div v-if="showMask" class="popBox"> <div class="box-title">标题</div> <div class="box-div"> <label> 姓名 </label> <input type="digit" v-model="name"> </div> <div class.原创 2021-05-11 15:43:28 · 181 阅读 · 0 评论 -
极点日历 小程序组件封装
<template> <div class="calendar-div"> <div class="date-but"> <div> <span class="but-left" @click="dateBtn(1)">取消</span> </div> <div> <span class="but-right" @click=.原创 2021-05-07 10:59:35 · 90 阅读 · 0 评论 -
vue 小程序下拉组件封装
<template> <div> <picker @change="selectChange" :value="selectIndex" :range="selectData" range-key="name"> <view class="picker"> {{ selectData[selectIndex].name }} </view> </picker> </.原创 2021-05-07 10:56:24 · 283 阅读 · 0 评论 -
vue+axios
// 网络请求axios.get("http://127.0.0.1:8080").then( function(response){ // 成功的回调函数 }, function(err){ // 失败的回调函数 })// 结合vue 使用var app=new Vue({ el:"#app", data:{ name:"admin" }, methods:{ getUser.原创 2021-02-04 16:42:13 · 75 阅读 · 0 评论 -
vue 基础
vue 指令// v-text 文本<p v-text="msg"></p><script>var app=new Vue({ el:"#app", data:{ msg:"文本" },})</script>// v-html 设置标签的 innerHTML<p v-heml="msg"></p><script>var app=new V原创 2021-02-04 15:59:13 · 82 阅读 · 0 评论