![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
Rkatsiteli
一个人的快乐,不是因为他拥有的多,而是计较的少!
展开
-
Vue 父组件更改子组件样式
Vue 父组件更改子组件样式<style lang="css" scoped> //TODO </style>中 scoped 是受保护的,当 <style> 标签有 scoped 属性时,它的 CSS 只作用于当前组件中的元素。这类似于 Shadow DOM 中的样式封装固更改子组件的style时是失效的解决方案:1、去除scoped (不推荐)<style lang="css"> .test{ background-color原创 2022-05-05 14:24:18 · 2640 阅读 · 0 评论 -
Input[type=‘range’] 标签去除内置阴影
Input[type=‘range’] 标签去除内置阴影原创 2022-04-24 17:54:21 · 521 阅读 · 0 评论 -
Vue3 [@vue/compiler-sfc] `defineProps` is a compiler macro and no longer needs to be imported.
问题:解决:去掉defineProps, defineEmits导入,直接使用,详见官网:defineprops-和-defineemits使用// 去掉主动导入import { defineProps, defineEmits } from 'vue'; 结果:<script setup>// 去掉主动导入,直接使用 definePropsconst props = defineProps({ foo: String})const emit = defineE原创 2022-04-21 10:17:04 · 10495 阅读 · 0 评论 -
Vue3.x Error:vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock
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原创 2021-09-02 19:29:56 · 2438 阅读 · 0 评论 -
Vue 3.0 遇到的问题
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原创 2020-11-19 18:11:20 · 5584 阅读 · 16 评论 -
百度、Google 埋点统计(Vue篇)
参考资料:资料一、Vue 使用百度统计在Vue单页面开发中接入百度统计代码时,如果直接按照官网的走会出现错误,就是_hmt找不到,这是因为在一个js文件里声明的变量在另一个js文件里是找不到的,所以需要把_hmt挂载到window对象下,这样_hmt成为了全局变量,就可以在任何地方访问了。1、在index.html下百度统计代码添加var _hmt = _hmt || [];window._hmt = _hmt; // 必须把_hmt挂载到window下,否则找不到 (function () {原创 2020-07-23 17:48:52 · 2284 阅读 · 0 评论 -
Uncaught TypeError:Cannot read property 'call' of underfined
如图所示错误解决方案:npm i webpack@4.29.6 webpack-cli@3.1.2 --save-dev原创 2019-12-03 10:59:27 · 314 阅读 · 0 评论 -
nginx 去除井号操作 2
三步走vue-Router 路由配置const env = (process.env.NODE_ENV &amp;amp;&amp;amp; process.env.NODE_ENV.trim() === 'production');//页面导航export const router = new VueRouter({ //mode: &quot;hash&quot;, mode: env ? 'history' :...原创 2018-10-18 17:48:18 · 2470 阅读 · 0 评论 -
vue-loader@15.x VueLoaderPlugin 记录一下
报错:==vue-loader was used without the corresponding plugin. Make sure to include VueLoaderPlugin in your webpack config.==目前,//两个方式都可以的,随便用一个const VueLoaderPlugin = require('vue-loader/lib/plug...原创 2018-08-25 15:42:37 · 3690 阅读 · 0 评论 -
nginx 去除井号操作
Vue、React、Argular 路由去除井号操作寻找框架对应的路由中配置例如 Vue-Router配置:1、首先将路由的 mode 设置为 historyimport Vue from 'vue';import Router from 'vue-router';Vue.use(Router);const router = new Router({ mode: ...原创 2018-07-15 15:58:53 · 8193 阅读 · 2 评论 -
Vue2.x 将页面中表格数据导出excel
Vue2.x 将页面中表格数据导出excel第一步:安装依赖npm install -S file-saver xlsxnpm install -D script-loader二、项目中新建一个文件夹:(excel—名字任取) 里面放置两个文件Blob.js和 Export2Excel.js,文件 在这里。三、在.vue文件中,写这两个方法:其中list是表格的...转载 2018-05-17 19:11:51 · 1724 阅读 · 0 评论 -
Vue 实现6位数密码(iOS WebView卡顿优化)
在ios系统,原生 webview 嵌套H5页面使用时,编写完成的6位数输入密码,输入密码卡顿问题的解决方案:如下图:原因是因为,CSS 这块 造成的。简单来说,style left 为负数的时候出现的,android 目测不会出现此问题input[type=tel] { opacity: 0; z-index: -1; position: absolu...原创 2018-02-25 18:10:13 · 1699 阅读 · 0 评论 -
Vue2.0 多 Tab切换组件
Vue2.0 多 Tab切换组件简单封装,满足自己简单的功能,可以直接拿去使用!首先上效果图:功能简单介绍:1、支持tab切换2、支持tab定位3、支持tab自动化仿React多Tab实现,总之可以正常使用满足日常需求,1、使用方法:==index.vue文件==<TabItems> <div name="买入" class="first"> <Content :isCont原创 2017-06-20 13:25:04 · 18735 阅读 · 5 评论 -
Vue2.0 之 vue Cannot read property '__ob__' of undefined 异常(back报错)
Vue2.0 之 back键报错 (异常:vue Cannot read property ‘ob’ of undefined)这个原因是因为我在本页面循环了组件的原因,例如:虽然在这个页面子组件页面不报任何异常,但是我back返回上一个页面的时候,就会报 ==vue Cannot read property ‘_ob_’ of undefined==异常, 一直以为是上一页面的子组件的问题造成原创 2017-05-02 23:31:15 · 10047 阅读 · 4 评论 -
Vue 编写容易出现的问题
Vue 实现 Tab切换实现的场景很多,比如,利用vue-router、利用第三方插件、利用组件等等.我用的是组件,为什么不用路由,有3个原因:1、因为我认为使用路由,再切换tab的时候,路劲地址是变化的,比如:/#/home、/#/app等等,这样做==Native hybrid==的同学就会发愁了,尤其是返回按钮,需要设置历史数据,我个人觉得太麻烦!2、根据需求出发。3、技术太low。综原创 2017-02-08 19:43:20 · 8893 阅读 · 1 评论 -
外部访问 Vue 中的 methods方法及其属性
根据你未实现的功能,选择合适的例子。外部访问Vue的 methods 如下:例如1:var vm = new Vue({ el: '#app', data: { medd: 2, index: 1 }, methods: { add: function() { return vm.medd + v原创 2017-10-20 18:13:48 · 8879 阅读 · 0 评论 -
Vue2.0 之 自带浏览器里无法打开(兼容处理) - 解决方案
Vue 之 android内嵌H5页面不显示出现这个问题,原因有很多首先,别急,请看下面的推荐方案:1、找个android真机测试下(版本为4.4),真机联调测试(如果不知道怎么联调,那么请看这里:Android真机 - 联调chrome调试)2、如果报 报错 vuex requires a Promise polyfill in this browser.那么,就是兼容性不够好,请看下面的解决方原创 2017-04-19 11:31:40 · 30322 阅读 · 2 评论 -
Vue 组件与组件间的交互
父组件 更改 子组件的 状态 ;子组件 更改 父组件的 状态一开始使用的是 JS 的引用类型进行子父组件进行交互,比如:示例1:let str = { name:"张三"}console.log(str);str.name = "李四";console.log(str);示例2:父组件与子组件互通(使用 JS 引用类型,修改同一块内存地址,子父组件同时变化)<template>原创 2017-12-09 21:48:00 · 1807 阅读 · 1 评论 -
Vue 记录 Cannot read property '_withTask' of undefined
如果在Vue使用中报这个错,那一定是你 的引用找不到才会导致,比如说,你的@click事件,如下:<button @click="AAA" />其实,你的 AAA 方法并不存在,编译一开始没啥毛病,等你执行数据的时候,各种问题,如果页面数据量过大的时候,问题很难定位到哪里!解决方法:先写方法,后调用!...原创 2018-02-08 22:11:13 · 23724 阅读 · 4 评论 -
Vue2.0 实战 之 上啦加载下拉刷新
# Vue 2.0 实现 上啦加载下拉刷新目前也有很多很多实现的方式,但是个人认为,第三方的包还是蛮不小的,所以决定弄个小的公共vue插件-上啦加载下拉刷新功能,目前没有压塑前文件大小仅仅4-5k左右的样子,实现的效果图,仿 app 系统的上啦加载下拉刷新功能==下拉刷新====上啦加载更多====以及暂无数据==这里是我的,展示图,下面为代码:...原创 2017-04-13 18:31:20 · 54614 阅读 · 56 评论 -
Vue 之 vue-router 路由嵌套不显示问题
Vue 之 vue-router 路由嵌套1、路由嵌套,vue2.0 router中嵌套路由不成功我先说下我的需求,例如下图我本来是想打算将中间的模块做一层子路由(test模块),模块代码没错,每次编译都正常好使,但是打开编译后的文件之后,一直都是==只能渲染一级路由,子路由没有效果,==,查了一推资料,帖子说:子路由多写了/, 会默认从根目录开始匹配,我试着也删除掉这些东西,但是后来发现,我的原创 2017-03-12 19:29:51 · 30673 阅读 · 6 评论