![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
Vue
Effortzjw
这个作者很懒,什么都没留下…
展开
-
【报错】v-on handler: ";TypeError: $event.stopPropagation is not a function
在vue中,对input框直接使用@click去触发事件,是无法达到想要的效果,也无法触发事件,需要加上native才能实现input框的点击事件触发,即@click.native=“XXX”在input上写了@click,想阻止冒泡,但是一直报不存在的问题。原创 2023-02-21 20:53:50 · 2359 阅读 · 1 评论 -
【已解决】VSCode prettier插件按ctrl+s没有自动格式化代码的问题
在vscode中,通过安装prettier插件,可以格式化代码,保证团队代码风格保持一致,但是我发现安装了并没有生效,可通过以下方式进行解决。原创 2022-07-16 12:54:33 · 2384 阅读 · 0 评论 -
ubuntu18.04 安装Jenkins,手动安装,完美解决
最近前端需要部署一个Jenkins服务器,本想使用自动安装,但是按照网上的教程,各种报错,安装不成功,没办法,只能手动安装Jenkins,现在说下,我手动安装的过程吧。1、安装Java环境:apt install openjdk-8-jre-headlessjava -version2、创建一个Jenkins目录,并进入mkdir jenkinscd jenkins3、下载Jenkinswget https://mirrors.tuna.tsinghua.edu.cn/jenkins原创 2022-05-28 14:13:14 · 858 阅读 · 1 评论 -
vue富文本Tinymce v-model无效,无法响应式发生改变
<tinymce ref="question" v-model="question" height="100" width="800" />问题:今天想要初始化富文本框里面的内容,tinymce虽说用v-model用来绑定值,但是,当值改变的时候,并不会发生响应式改变,这就很坑了。解决:只能通过setContent来设置值this.$refs.question.setContent('')当一个页面中存在多个富文本框的时候假设值 arr = [1,2,3]<div v.原创 2022-04-09 16:20:14 · 3391 阅读 · 1 评论 -
vscode Beautify插件的相关配置
{ "editor.fontSize": 14, "editor.tabSize": 4, "editor.detectIndentation": false, "update.mode": "none", "search.followSymlinks": false, "[javascript]": { "editor.defaultFormatter": "HookyQR.beautify" }, "[html]": {原创 2022-04-07 10:06:22 · 1931 阅读 · 0 评论 -
在vscode中创建一个自己的模板代码
1、文件-首选项-用户片段-新建全局代码片段文件2、打开网址,https://snippet-generator.app/,将代码输入,自动转换3、复制到模板文件中,保存即可原创 2022-04-06 09:19:22 · 763 阅读 · 0 评论 -
【报错】Vue编译过程中出现‘xxxx‘ is defined but never used的问题
问题: 在npm run serve编译过程中,出现下图所示的error,导致编译失败解决:在package.json中,添加一下rules,重新编译即可"rules":{ "no-unused-vars":"off"}原创 2022-03-04 10:07:20 · 782 阅读 · 0 评论 -
【报警告】vscode ‘v-model‘ directives require no argument.出现红色波浪线
问题:vue3写法中,报了 ‘v-model’ directives require no argument的红色波浪线警告,但是这个语法是支持的解决:文件 -> 首选项 -> 设置 -> 搜【vetur:Validation】,Validation: Template取消勾选重启vscode,完美解决。...原创 2022-01-10 18:03:19 · 1727 阅读 · 2 评论 -
vue vscode 快速输入插件
1、vscode安装 Vue VSCode Snippets 插件2、常用语法命令说明vbaseSingle file component basevforv-for directivevmodelSemantic v-model directivevmodel-numSemantic v-model number directivevonv-on click handler with argumentsvel-propsComponent原创 2021-12-28 11:16:01 · 634 阅读 · 0 评论 -
Vue CLI安装和使用
安装Vue CLI,全局安装npm install @vue/cli -g升级Vue CLInpm update @vue/cli -g通过vue命令来创建项目vue create 项目名称原创 2021-12-15 09:32:48 · 204 阅读 · 0 评论 -
如何理解Vue中的MVVM思想
View层:1、视图层;2、在我们前端开发中,通常就是DOM层;3、主要的作用是给用户展示各种信息。Model层:1、数据层;2、数据可能是我们固定的死数据,更多的是来自我们服务器,从网络上请求下来的数据;ViewModel层:1、视图模型层;2、视图模型层 是View和Model沟通的桥梁;3、一方面它实现了Data Binding,也就是数据绑定,将Model的改变实时的反应到View中;4、另一方面它实现了DOM Listener,也就是DOM监听,当DOM发生一些事件(点击..原创 2020-08-11 15:55:38 · 801 阅读 · 0 评论 -
【分享】从零开始新建vue2.x项目并引入Element
一、新建项目1.查看 node和npm是不是已经安装好命令:node -v npm -v (没有安装的先安装环境);2.npm install -g cnpm --registry=https://registry.npm.taobao.org (安装国内的淘宝镜像文件,后面的安装npm可以全部改为cnpm)3.安装 vue-cli 脚手架 1、cnpm install -...原创 2019-12-30 11:50:21 · 193 阅读 · 0 评论 -
【已解决】vue项目打包后一片空白的问题
1、记得改一下config下面的index.js中bulid模块导出的路径。因为index.html里边的内容都是通过script标签引入的,而你的路径不对,打开肯定是空白的。先看一下默认的路径。module.exports = { build: { env: require('./prod.env'), index: path.resolve(__dirname, '../...原创 2019-12-30 11:47:20 · 1158 阅读 · 0 评论