vue
坚持努力才最重要
这个作者很懒,什么都没留下…
展开
-
vue2+webpack+vant搭建的H5在移动端适配问题
vue2+webpack+vant搭建的H5在移动端适配问题原创 2023-03-19 19:49:43 · 267 阅读 · 0 评论 -
axios请求拦截器之config新增自定义参数
axios请求拦截器之config新增自定义参数原创 2022-08-08 13:40:58 · 3051 阅读 · 0 评论 -
antdv笔记之表格滚动+底部固定效果实现
<template> <a-table :columns="columns" :data-source="data" :pagination="false" bordered :scroll="{ x: 2000, y: 300 }" > <template #summary> <a-table-summary-row> <a-table-summary-cell>原创 2022-05-14 17:12:36 · 1945 阅读 · 0 评论 -
antdv 表格table 默认选择之getCheckboxProps使用
需求概要:实现默认勾选列表某些选项,如图在这里插入代码片<template> <a-table :row-selection="rowSelection" :columns="columns" :data-source="data" > </a-table></template><script>import { defineComponent, ref, rea原创 2022-04-16 17:49:34 · 5381 阅读 · 1 评论 -
vue3 随记 --- props属性值类型为Object默认返回值类型为function
props属性值类型为Object默认返回值类型为functionexport default ({ props:{ testA: { type: Boolean, default: false }, testB: { type:Object, default: function(){ return {}原创 2022-03-08 10:31:05 · 3773 阅读 · 0 评论 -
腾讯云滑动图片验证码实现
<button @click="varify"> 验证 </button> <script src="https://ssl.captcha.qq.com/TCaptcha.js"></script> <script> export default { name:'test', data(){ return{ } }, methods:{ //获取图片滑动验证码 varify() .原创 2022-02-10 15:56:02 · 1165 阅读 · 0 评论 -
vue3笔记-----引用组件
import DatePicker from ‘ant-design-vue/es/date-picker/moment’;import TestCom from ‘@/utils/test’;Vue.use() : Vue使用第三方组件Vue.component() : 注册全局组件createApp(App).use(Testrmission, {Testmissions }) .use(DatePicker).component(‘TestCom’, TestCom).mount(’#app’原创 2022-01-12 14:37:28 · 601 阅读 · 0 评论 -
Vue Cli4+antdv项目搭建问题记录: warning in ./node_modules/_ant-design-vue@1.5.6@ant-design-vue/es/config-pr
执行启动项目命令npm run serve,出现警告warning in ./node_modules/_ant-design-vue@1.5.6@ant-design-vue/es/config-provider/index.js"export ‘default’ (imported as ‘Vue’) was not found in ‘vue’修改babel.config.js文件,配置 babel-plugin-import重新执行项目启动命令npm run server,警告信息不见原创 2021-10-31 11:30:36 · 2363 阅读 · 0 评论 -
Vue项目编译生成文件app.xxx.js、manifest.xxx.js、vendor.xxx.js说明
1、执行npm run build;2、将项目中的dist目录下的打包文件丢到后台服务器的根目录【htdocs】下然后在浏览器输入localhost回车执行即可原创 2021-09-20 21:05:39 · 4641 阅读 · 2 评论 -
vue项目在真机调试出现的问题记录
1、上下拖动界面滚动区域手机顶部或者底部出现白条在相应的触发地方增加事件修饰符.prevent即可原创 2021-09-20 20:45:24 · 240 阅读 · 0 评论 -
vue前端添加埋点事件
新建一个track .js 文件,并写入以下内容import Vue from 'vue'// 埋点指令let track = Vue.directive('track', { bind: (el, binding, vnode) => { console.log(el) console.log(binding) console.log(vnode) if (binding.value && binding.value.act) {原创 2021-09-13 21:33:40 · 2131 阅读 · 0 评论 -
微信weixin-js-sdk使用记录1:微信公众号唤起微信我的收货地址界面
微信公众号sdk官网:https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html#4<script src="http://res.wx.qq.com/open/js/jweixin-1.1.0.js"></script>var this.wx = ''; callWeixin () { //从后台获取config var wxurl = "test.php";原创 2021-08-11 15:16:54 · 365 阅读 · 0 评论 -
vue脚手架环境搭建
vue+webpack+npm搭建初始项目*https://www.cnblogs.com/luminccs-5308/p/9415713.html安装步骤:1、安装node.js 【https://www.cnblogs.com/liuqiyun/p/8133904.html】2、 安装cnpm(2-1)如果是 Window 系统使用以下命令即可npm install cnpm -g(2-2)使用淘宝镜像的命令:npm install -g cnpm --registry=https://原创 2021-08-28 11:55:01 · 283 阅读 · 0 评论 -
vue监听页面元素滚动条滚动事件
//vue实例挂载完成,即界面成功渲染调滚动事件mounted: function () {this.isScrollBottom();},methods:{// 判断界面是否已滚动到底部isScrollBottom(){$(’.scroll_targrt’).scroll(function() {var totalHeight = $(’.show_scroll_targrt’).height();//获取内容总长度,即显示所有内容的界面元素高度var scrollTop = $原创 2021-08-18 10:26:07 · 3377 阅读 · 0 评论 -
vue中引用 lang=‘stylus‘ 编译报错问题解决
| | ||–|--|| | 报错原因:由于stylus-loader版本过高,更改为低版本即可,需要执行以下命令操作:npm uninstall stylus stylus-loader //删除之前的loadernpm install stylus stylus-loader@3.0.1 --save-dev //再次安装重新安装低版本后,再次重启项目发现编译成功。...原创 2021-06-06 16:39:08 · 690 阅读 · 0 评论 -
vue 版本升降切换
步骤1:执行命令 npm uninstall @vue/cli -g步骤2:npm config ls -l查找信息【userconfig = “C:\Users\Adminis\.npmrc”】该路径是Npm配置文件路径,需要将改文件删除步骤3:where vue若有信息则将vue vue.cmd两个文件放到其他文件夹 或者删除;若执行为以下结果,则执行步骤4;步骤4:npm uninstall @vue/cli -g即再次执行卸载 命令步骤5:npm install --global原创 2021-07-15 19:05:36 · 9520 阅读 · 3 评论