![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
前端J先生
三千弱水,只取一瓢饮,独爱一人,岗位千千万,惟爱前端!!!
展开
-
高德地图和百度地图去掉左下角标记
这是在vue中的用法,在原生js中去掉。原创 2023-02-27 14:54:17 · 788 阅读 · 0 评论 -
解决a-table设置固定宽度后有空白列的问题
【代码】解决a-table设置固定宽度后有空白列的问题。原创 2023-02-17 20:13:26 · 1046 阅读 · 0 评论 -
ant design vue 中select搜索和远程数据
【代码】ant design vue 中select搜索和远程数据。原创 2023-02-10 16:38:35 · 1035 阅读 · 0 评论 -
ant design Vue 的a-tree树形控件设置拖拽节点限制(亲测可用)
【代码】ant design Vue 的a-tree树形控件设置拖拽节点限制(亲测可用)原创 2023-01-15 10:53:42 · 2100 阅读 · 3 评论 -
Ant Design Vue+vue2.x图片上传数量限制(亲测有效)
使用场景Ant Design Vue 1.7.8vue 2.x问题:在使用Ant Design Vue 过程中发现了他没有限制数量上传的功能,因此自己使用js实现,仅仅一句代码,使用的时候通过change事件进行splice进行截取 <a-upload //开启多选 multiple //限制图片类型 accept="image/png, image/jpeg" .原创 2022-04-11 13:48:29 · 3442 阅读 · 0 评论 -
Taro-ui+vue2使用报错处理(亲测)
Taro-ui是使用React框架使用的,而Vue使用的是Taro-ui-vue在使用Taro-ui-vue中切记要安装Typescript,因为Taro-ui-vue中的源文件是采用Typescript所编写的最后我在吐槽下吧,网络上很多文章都是ctrl+c过去的,这个问题我找了一个下午,在国外某网站找到了原因,大家别再误导大家了,这个问题个网上找很多都是说taro3配合vue的话和taro-ui2不兼容,需要使用以下代码,实际情况是没有安装Typescript导致的问题,你隔着在换版本也不行".原创 2022-04-06 17:46:07 · 1581 阅读 · 1 评论 -
讲一讲Vue3这个大坑(记录我所遇到的所有在使用Vue3中的问题)
1.Node版本必须在14.0.0及以上,win7不支持14.0.0及以上(鸡肋)曾尝试过使用强制覆盖,但是覆盖之后又又出现问题了,所以使用Vue3的基本条件就是win10系统了,强制安装node版本,会碰到一些使用npm包使用不了,所以直接推荐上win10吧,别挣扎了...原创 2022-03-11 16:33:02 · 2453 阅读 · 0 评论 -
Vue报错Error: TypeError: this.getOptions is not a function
原因就是因为sass-loader和node-sass依赖版本号冲突,需要降低版本进行解决冲突,sassloder安装必须安装node-sass,以下是解决方案npm uninstall --save sass-loader // 卸载npm i -D sass-loader@8.x // 安装npm uninstall --save node-sass // 卸载npm i node-sass@4.14.1 // 安装如果node-sass安装失败,也可以直接在package.json中.原创 2021-11-20 15:39:00 · 1446 阅读 · 0 评论 -
路由导航的守卫代码,直接使用
router.beforeEach((to, from, next) => { if (to.name === 'index' || to.name === 'register' || to.name === 'aboutUs' || to.name === 'nov原创 2021-04-01 17:06:34 · 188 阅读 · 0 评论 -
vue刷新页面
刷新页面代码//原生刷新location. reload()//vue刷新this.$router.go(0)原创 2021-02-25 16:13:53 · 137 阅读 · 0 评论 -
vue-router导航重复报错问题
错误:vue-router.esm.js?8c4f:2008 Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location: “/”.避免到当前位置的冗余导航:“/”,报错信息提示当前已经是/的页面,无需跳转解决方案引入vue-router名字import VueRouter from 'vue-router'//获取原型对象上的push函数const origi.原创 2021-02-25 12:28:05 · 910 阅读 · 0 评论 -
vue跳转其他网址的方式
第一种:window.location.hrefwindow.location.href='http://baidu.com';第二种:原创 2021-02-24 21:36:54 · 4449 阅读 · 0 评论 -
Vuerouter携带参数跳转页面并获取参数
vuerouter携带参数跳转this.$router.push({path:’/121’,query:{id:id}})跳转的页面获取参数let id=this.$route.query.id返回上一个页面this.$router.go(-1)原创 2021-02-23 21:17:41 · 1128 阅读 · 0 评论 -
vue去掉地址栏上的#号
使用vue创建项目,进行使用,地址栏上会有#号,地址栏上的#号是我们在选择路由模式时选择的hash,也是vueroter默认的,我们需要在vuerouter对象里修改为history模式即可const router = new VueRouter({ mode:'history', routes:router...原创 2021-02-19 10:01:38 · 763 阅读 · 0 评论 -
vue的@click中不能使用三则表达式原因
@click="urgentchargeTime?urgentTime:''" //这么写的话会让vue执行的时候去data里面查找,但是我们是要用的函数修改为: @click="urgentchargeTime?urgentTime():''" //vue通过第一个数去data里面找,然后通过data里面的值进行去查找函数对象里面的函数...原创 2021-02-04 11:55:09 · 994 阅读 · 1 评论 -
vue富文本编译器
我发现了一个vue贼好用的vue富文本编译器,还免费,功能贼强大,文档贼清晰,实现贼厉害,使用贼舒服的,我为了这个富文本编译器查了三天,答案揭晓:vue的wangEditor富文本编译器上链接:官网链接原创 2021-02-03 16:19:16 · 120 阅读 · 0 评论 -
vue中的$的作用?
为什么我们在使用vue.use(插件名),挂载之后就得this.$插件进行使用.例如:vuexvuex 是一个插件,当你加载了这个插件,并且 使用 Vue.use(Vuex) 的时候,Vuex 执行了类似下面的代码;Vue.prototype.$store = 模块所以我们可以在组件里面直接使用 $store...原创 2021-02-01 15:25:42 · 2535 阅读 · 0 评论 -
vue运行报错events.js:173 throw er; // Unhandled ‘error‘ event ^ Error: spawn cscript ENOEN
vue运行时报错:一般是运行vue 项目或node时报这种错误,但解决办法都一样C:\Users\Administrator\Desktop\code>vue ui Starting GUI... Ready on http://localhost:80008000events.js:173 throw er; // Unhandled 'error' event ^Error: spawn cscript ENOENT at Process.原创 2021-01-27 10:54:41 · 1553 阅读 · 3 评论 -
vue周期函数的使用
vue常用的周期函数也就是那么几个,但是我们务必要知道生命周期函数的流程第一个:beforeCreate//执行时间:在vue实例创建前调用的函数//执行操作:此时数据data和事件方法methods还未绑定到app对象上//操作事件:此时对数据进行绑定,ajax发送请求第二个:created//执行时间:在vue实例创建成功后调用的函数//执行操作:此时数据data和事件方法methods已经绑定到应用对象app上,只是拿到数据,数据还没渲染到模板视图上第三个:befor.原创 2021-01-16 18:04:49 · 718 阅读 · 0 评论 -
如何修改element-ui的样式
第一种方式//不写scoped <style ></style >第二种方式//前缀加/deep/<style scoped >/deep/.el-main{margin:0;}</style >原创 2021-01-13 18:34:45 · 1676 阅读 · 0 评论 -
vue的vuerouter返回上一页代码
<router-link to> <span @click="$router.back(-1)">< 返回</span> </router-link>原创 2021-01-13 18:32:23 · 1047 阅读 · 0 评论 -
vue项目代码片段
在vscode的设置里面点击用户代码片段输入vue,打开vue.json复制下面代码进去{ "Print to console": { "prefix": "vue", "body": [ "<style scoped lang=\"${1:scss}\">\n", "</style>\n", "<template>", " <div>\n", " </div>", "</template&.原创 2021-01-13 11:18:15 · 792 阅读 · 0 评论 -
vue命令行
安装vue-clinpm install -g vue-cli 查看vue版本vue -V(大写的V)查看vue选项 vue -h运行vue可视化项目vue uibug无法加载文件 C:\Users\user\AppData\Roaming\npm\vue.ps1,因为在此系统上禁止运行在开始菜单右键以管理员身份运行powerShell,输入 set-ExecutionPolicy RemoteSigned选择A即可命令行输入vue ui无反应vu.原创 2021-01-11 15:28:09 · 416 阅读 · 0 评论