White feathe 的博客

Vue 父组件更改子组件样式<style lang="css" scoped> //TODO </style>中 scoped 是受保护的，当 <style> 标签有 scoped 属性时，它的 CSS 只作用于当前组件中的元素。这类似于 Shadow DOM 中的样式封装固更改子组件的style时是失效的解决方案：1、去除scoped （不推荐）<style lang="css"> .test{ background-color

Input[type=‘range’] 标签去除内置阴影

问题：解决：去掉defineProps, defineEmits导入，直接使用，详见官网：defineprops-和-defineemits使用// 去掉主动导入import { defineProps, defineEmits } from 'vue'; 结果：<script setup>// 去掉主动导入，直接使用 definePropsconst props = defineProps({ foo: String})const emit = defineE

Vue3.x错误：vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock见错误信息：index.vue:2 Uncaught TypeError: (0 , vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock) is not a function at Proxy.render (index.vue:2) at $n (vue.global.js:2422) at vue.glob

Vue3.0 安装npm i vue@next vue-loader@nextnpm install vue-router@nextnpm i webpack webpack-cli webpack-dev-server --save-devtypescript安装依赖npm install ts-loader --save-devnpm install typescript --save-devnpm install @vue/babel-plugin-jsx -Dnpm i @babe

参考资料：资料一、Vue 使用百度统计在Vue单页面开发中接入百度统计代码时，如果直接按照官网的走会出现错误，就是_hmt找不到，这是因为在一个js文件里声明的变量在另一个js文件里是找不到的，所以需要把_hmt挂载到window对象下,这样_hmt成为了全局变量，就可以在任何地方访问了。1、在index.html下百度统计代码添加var _hmt = _hmt || [];window._hmt = _hmt; // 必须把_hmt挂载到window下，否则找不到 (function () {

如图所示错误解决方案：npm i webpack@4.29.6 webpack-cli@3.1.2 --save-dev

三步走vue-Router 路由配置const env = (process.env.NODE_ENV &amp;amp;amp;&amp;amp;amp; process.env.NODE_ENV.trim() === 'production');//页面导航export const router = new VueRouter({ //mode: &amp;quot;hash&amp;quot;, mode: env ? 'history' :...

报错：==vue-loader was used without the corresponding plugin. Make sure to include VueLoaderPlugin in your webpack config.==目前，//两个方式都可以的，随便用一个const VueLoaderPlugin = require('vue-loader/lib/plug...

Vue、React、Argular 路由去除井号操作寻找框架对应的路由中配置例如 Vue-Router配置：1、首先将路由的 mode 设置为 historyimport Vue from 'vue';import Router from 'vue-router';Vue.use(Router);const router = new Router({ mode: ...

Vue2.x 将页面中表格数据导出excel第一步：安装依赖npm install -S file-saver xlsxnpm install -D script-loader二、项目中新建一个文件夹：（excel—名字任取） 里面放置两个文件Blob.js和 Export2Excel.js，文件 在这里。三、在.vue文件中，写这两个方法：其中list是表格的...

在ios系统，原生 webview 嵌套H5页面使用时，编写完成的6位数输入密码，输入密码卡顿问题的解决方案：如下图：原因是因为，CSS 这块 造成的。简单来说，style left 为负数的时候出现的，android 目测不会出现此问题input[type=tel] { opacity: 0; z-index: -1; position: absolu...

Vue2.0 多 Tab切换组件简单封装，满足自己简单的功能，可以直接拿去使用！首先上效果图：功能简单介绍：1、支持tab切换2、支持tab定位3、支持tab自动化仿React多Tab实现，总之可以正常使用满足日常需求，1、使用方法：==index.vue文件==<TabItems> <div name="买入" class="first"> <Content :isCont

Vue2.0 之 back键报错 （异常：vue Cannot read property ‘ob’ of undefined）这个原因是因为我在本页面循环了组件的原因，例如：虽然在这个页面子组件页面不报任何异常，但是我back返回上一个页面的时候，就会报 ==vue Cannot read property ‘_ob_’ of undefined==异常， 一直以为是上一页面的子组件的问题造成

Vue 实现 Tab切换实现的场景很多，比如，利用vue-router、利用第三方插件、利用组件等等.我用的是组件，为什么不用路由，有3个原因：1、因为我认为使用路由，再切换tab的时候，路劲地址是变化的，比如：/#/home、/#/app等等，这样做==Native hybrid==的同学就会发愁了，尤其是返回按钮，需要设置历史数据，我个人觉得太麻烦！2、根据需求出发。3、技术太low。综

根据你未实现的功能，选择合适的例子。外部访问Vue的 methods 如下：例如1：var vm = new Vue({ el: '#app', data: { medd: 2, index: 1 }, methods: { add: function() { return vm.medd + v

Vue 之 android内嵌H5页面不显示出现这个问题，原因有很多首先，别急，请看下面的推荐方案：1、找个android真机测试下（版本为4.4），真机联调测试（如果不知道怎么联调，那么请看这里：Android真机 - 联调chrome调试）2、如果报 报错 vuex requires a Promise polyfill in this browser.那么，就是兼容性不够好，请看下面的解决方

父组件 更改 子组件的 状态 ；子组件 更改 父组件的 状态一开始使用的是 JS 的引用类型进行子父组件进行交互，比如：示例1：let str = { name:"张三"}console.log(str);str.name = "李四";console.log(str);示例2：父组件与子组件互通（使用 JS 引用类型，修改同一块内存地址，子父组件同时变化）<template>

如果在Vue使用中报这个错，那一定是你 的引用找不到才会导致，比如说，你的@click事件，如下：&lt;button @click="AAA" /&gt;其实，你的 AAA 方法并不存在，编译一开始没啥毛病，等你执行数据的时候，各种问题，如果页面数据量过大的时候，问题很难定位到哪里！解决方法：先写方法，后调用！...

# Vue 2.0 实现 上啦加载下拉刷新目前也有很多很多实现的方式，但是个人认为，第三方的包还是蛮不小的，所以决定弄个小的公共vue插件-上啦加载下拉刷新功能，目前没有压塑前文件大小仅仅4-5k左右的样子，实现的效果图，仿 app 系统的上啦加载下拉刷新功能==下拉刷新====上啦加载更多====以及暂无数据==这里是我的，展示图，下面为代码：...

Vue 之 vue-router 路由嵌套1、路由嵌套，vue2.0 router中嵌套路由不成功我先说下我的需求,例如下图我本来是想打算将中间的模块做一层子路由（test模块），模块代码没错，每次编译都正常好使，但是打开编译后的文件之后，一直都是==只能渲染一级路由，子路由没有效果，==，查了一推资料，帖子说：子路由多写了/, 会默认从根目录开始匹配，我试着也删除掉这些东西，但是后来发现，我的