
Vue
白小白灬
暂无简介
展开
-
vue2中使用swiper组件库
vue2中使用swiper组件库。原创 2023-05-29 15:02:34 · 1082 阅读 · 0 评论 -
vue3的js文件中使用router
vue3的js文件中使用router原创 2022-09-02 15:14:38 · 6223 阅读 · 6 评论 -
vue3中emit(‘update:modelValue‘)使用
vue3中emit('update:modelValue')使用原创 2022-07-27 16:44:51 · 28829 阅读 · 0 评论 -
Element-ui设置默认按钮大小
main.js文件里引入代码Vue.use(Element, { size: Cookies.get('size') || 'medium' // set element-ui default size})Vue.use(ElementUI, { size: 'small' })原创 2022-01-26 09:48:07 · 3926 阅读 · 1 评论 -
uniapp项目常用配置/方法
配置路由拦截(uni-simple-router官网地址,讲解很清晰)使用2.x版本注意事项不能使用uni.redirectTo跳转// uni.redirectTo({// url: 'pages/login/loginPage'// });next('/pages/login/loginPage') 解决真机首屏加载时间// 在app.vue onLaunch方法里使用switch (uni.getSystemInfoSync().platform) { case '.原创 2022-01-24 14:55:13 · 1169 阅读 · 0 评论 -
uniapp项目api封装
// 全局请求封装 request.jsimport store from 'store/index.js';import { Toast} from 'vue'export default (url, method, params) => { // 对传递得参数作处理 if (!params) { params = {} } if (!params['admin_id'] && uni.getStorageSync('userInfo')) { params原创 2022-01-21 17:27:02 · 1026 阅读 · 0 评论 -
事件携参传值
事件携参传值(vue)两个默认和一个按需携带@select="(section, row) => someRightCheck(section, row, index)"一个默认和按需携带@select-all="allRightCheck($event, index)"一个默认@select-all="allRightCheck($event)"事件携参传值(react)<Button onClick={this.delFolder.bind(this,index)}&g原创 2021-08-30 16:34:47 · 578 阅读 · 0 评论 -
解决修改浏览器title的logo不显示问题,附加本地运行打包的dist文件方法
旧版本含build文件的vue项目修改logo在build文件下的webpack.dev.conf.js 修改如下信息:new HtmlWebpackPlugin({ filename: 'index.html', template: 'index.html', inject: true, favicon:'./src/assets/logo.png' // 添加logo代码}),在build文件下的webpack.prod.conf.js 修改如下信息:new HtmlWebp原创 2021-08-05 13:30:18 · 1240 阅读 · 0 评论 -
H5移动端适配(rem布局)(弹性布局)
移动端自适应各种手机屏幕分辨率适配方案采用方案:postcss-plugin-px2rem插件+postcss.config.js+setRem.js安装插件:npm i postcss-plugin-px2rem --save在和src同级目录下创建文件postcss.config.js并添加如下代码:// 一般postcss建议单独配置在文件postcss.config.js中// var px2rem = require('postcss-px2rem');module.exp原创 2021-04-21 09:34:56 · 779 阅读 · 0 评论 -
解决Element-UI 侧边栏页面刷新或者首次登录后不高亮显示的问题
项目输出this.$route可以在页面发现如下信息当然因项目而异,但是 this.$route.path一般都是当前页面的路由地址,所以根据Element-UI里一个属性将default-active绑定为$route.path即可如下代码<el-menu :default-active="$route.path" background-color="#283643" text-color="#fff" active-text-color="#1CC09F"原创 2021-03-23 09:55:35 · 781 阅读 · 0 评论 -
去除浏览器自带滚动条
vue项目里如果需要使用的话,在全局app.vue里添加代码::-webkit-scrollbar{ display:none;}单页面直接引入即可原创 2021-03-17 11:24:01 · 1699 阅读 · 0 评论 -
移动端适配不同分辨率postcss-plugin-px2rem
响应式:**postcss-plugin-px2rem(插件)+postcss.config.js(文件配置)+setRem.js(文件配置)**方案使用npm i postcss-plugin-px2rem --save 下载安装创建文件postcss.config.js并添加如下代码// 一般postcss建议单独配置在文件postcss.config.js中// var px2rem = require('postcss-px2rem');module.exports = { p原创 2021-01-29 09:25:19 · 586 阅读 · 0 评论 -
解决vue: 无法将“vue”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称
一开始安装使用并vue create 创建项目时候正常,然而过了一段时间,使用vue create创建项目时候报错具体报错内容为标题内容,解决方法如下:运行npm config get prefix显示一段路径地址,把这段路径地址复制在环境变量里的系统变量名为Path的地方编辑新建一个并把复制的地址粘贴上去,关闭创建项目的软件并重新vue create创建项目即可...原创 2020-12-30 13:30:06 · 7138 阅读 · 2 评论 -
根据vue基础模板文件生成代码
使用vscode编写vue文件的时候,每次都需要输入,,这些标签,浪费我们的时间,如果使用简写键盘敲出vue就会出现如下代码段<template></template><script>export default { name:'',}</script><style scoped></style>或者键盘敲出app就会出现如下代码段const app = new Vue({ el: '原创 2020-12-09 11:28:22 · 837 阅读 · 0 评论 -
解决VSCODE“因为在此系统上禁止运行脚本,需要管理员权限等“报错
1. 以管理员身份运行vscode;2. 执行:get-ExecutionPolicy,显示Restricted,表示状态是禁止的;3. 执行:set-ExecutionPolicy RemoteSigned;4. 之后再执行get-ExecutionPolicy,就显示RemoteSigned;问题就解决啦原创 2020-12-01 15:22:14 · 4327 阅读 · 0 评论 -
webpack安装使用方法
1、安装nodejs环境查看版本:C:\Users\Mollen>npm -v查看安装路径: C:\Users\Mollen>npm config ls1在安装路径下新建文件夹用于存放相关数据:npm_modules和npm_cache并安装C:\Users\Mollen>npm config set prefix “E:\Program Files\nodejs\npm_modules”C:\Users\Mollen>npm config set cache原创 2020-11-16 11:40:05 · 841 阅读 · 0 评论 -
vue脚手架及Element-UI的基本使用
安装vue脚手架的大致流程安装vue脚手架前需要安装node.js和npmnpm在安装node.js时候自带Vue脚手架可以快速生成Vue项目基础的架构。安装最新版本的Vue脚手架:window+R按键下输入cmd打开命令行输入:npm install -g @vue/cli这个过程依赖于你的网速,一般等待时间因人而异,我安装时候足足等待了半小时。基于3.x版本的脚手架创建Vue项目:1).使用命令创建Vue项目cmd命令:vue create my-project选择Manuall原创 2020-11-16 11:36:29 · 845 阅读 · 0 评论 -
Vue基础—模版语法指令精细版
本资源由 itjc8.com 收集day01Vue 是什么?Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合使用Vue将helloworld 渲染到页面上指令本质就是自定义属性Vue中指定都是以 v- 开头v-cloak防止页面加载时出现闪烁问题 <style type="text/css"> /* 1、通过属性选择器 选择到 带有属性转载 2020-11-12 14:38:47 · 143 阅读 · 0 评论 -
Vue基础指令和模板语法
Vue基础说说你对mvvm框架的理解说说你对vue数据双向绑定的理解v-if 和 v-show 的区别是什么?使用v-for时,为什么一定要绑定key值?v-if 和 v-for 同时使用时,谁的优先级更高?computed和watch的区别资源Vue 官网知识点引入vue下载直接下载开发版本,包含完整的警告和调试模式CDN<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script&原创 2020-11-12 14:07:31 · 225 阅读 · 1 评论