草庐IT

first_word

全部标签

vue组件终端报错: error Component name “xxx“ should always be multi-word vue/multi-word-component-names

前言今天使用vscode开发vue引入组件的时候遇到一个错误,我的组件名称以及路径都是没问题的,但是就是运行不起来错误信息截图如下分析问题根据提示信息可知是组件名出了问题,概就是组件名应该使多个单词拼接横线组成的。但是我又查阅了官方的风格指南,发现组件名可以这样命名,一个单词单身首字母大写也是没问题的查阅资料发现,这其实是语法检查的时候把不规范的代码(即命名不规范)当成了错误。解决问题针对这种问题,我个人推荐:修改配置项,关闭语法检查1打开并且编译vue.config.js项目的根目录找到vue.config.js文件2添加配置添加配置:lintOnSave:false,,作用是关闭语法检查c

element ui vue 附件预览组件、可预览图片、excel 、pdf.word等文件(浏览器打开文件的方式)

目录1.组件源码 2.html代码3.组件源码 此组件就是一个单纯的预览图片、浏览器打开文件的形式简单的组合了下而成的,word、excel是直接下载、pdf浏览器打开的形式,如果想本地打开直接预览的话就直接不用看了。word、excel、pdf的图片是我放到服务器上的图片地址。1.组件演示 2.html代码附件查看importFilePreviewfrom"@/components/FilePreview";exportdefault{name:"Log",components:{FilePreview},data(){return{annexList:[], drawerAnnex:fal

javascript - React.js - 语法错误 : this is a reserved word in render() function

我被保留关键字“this”的错误困住了。在我的React组件中,下面显示了我将状态从我的主要组件“App.js”传递到我的“RecipeList.js”组件,然后映射数据并呈现每个RecipeItem组件。我只是不明白为什么会出现此错误React.js-Syntaxerror:thisisareservedword错误是在RecipeList里面调用render返回方法;如果有人可以提供帮助,那就太好了!谢谢App.js//mainimportsimportReact,{Component}from'react';//helperimportsimport{Button}from're

javascript - React.js - 语法错误 : this is a reserved word in render() function

我被保留关键字“this”的错误困住了。在我的React组件中,下面显示了我将状态从我的主要组件“App.js”传递到我的“RecipeList.js”组件,然后映射数据并呈现每个RecipeItem组件。我只是不明白为什么会出现此错误React.js-Syntaxerror:thisisareservedword错误是在RecipeList里面调用render返回方法;如果有人可以提供帮助,那就太好了!谢谢App.js//mainimportsimportReact,{Component}from'react';//helperimportsimport{Button}from're

javascript - 推特 Bootstrap :Popovers are not showing up on first click but show up on second click

这是我的标记:Lovedit({{episode_likes}}这是JavaScript:$('a.reviews#like').click(function(e){varelement=$(this);$.ajax({url:'/episoderatings/like/',type:'POST',dataType:'json',data:{csrfmiddlewaretoken:'{{csrf_token}}',episode_number:current,story:current_story},success:function(response){if(response=='Yo

javascript - 推特 Bootstrap :Popovers are not showing up on first click but show up on second click

这是我的标记:Lovedit({{episode_likes}}这是JavaScript:$('a.reviews#like').click(function(e){varelement=$(this);$.ajax({url:'/episoderatings/like/',type:'POST',dataType:'json',data:{csrfmiddlewaretoken:'{{csrf_token}}',episode_number:current,story:current_story},success:function(response){if(response=='Yo

javascript - Internet Explorer 11 忽略列表样式 :none on the first load

我正在为我的菜单使用SuperfishjQuery插件。在Chrome和移动Opera模拟器中,它工作正常,但在InternetExplorer11中,CSS属性list-style:none仅适用于菜单的顶层而不适用于切换的子菜单,尽管在开发中工具查看它似乎适用于适当的元素。结果是:使用此CSS:/***ESSENTIALSTYLES***/.sf-menu,.sf-menu*{margin:0;padding:0;list-style:none;}.sf-menuli{position:relative;}.sf-menuul{position:absolute;display:n

javascript - Internet Explorer 11 忽略列表样式 :none on the first load

我正在为我的菜单使用SuperfishjQuery插件。在Chrome和移动Opera模拟器中,它工作正常,但在InternetExplorer11中,CSS属性list-style:none仅适用于菜单的顶层而不适用于切换的子菜单,尽管在开发中工具查看它似乎适用于适当的元素。结果是:使用此CSS:/***ESSENTIALSTYLES***/.sf-menu,.sf-menu*{margin:0;padding:0;list-style:none;}.sf-menuli{position:relative;}.sf-menuul{position:absolute;display:n

Vue预览word/pdf文件(内外网均可)

预览word文件实现方式有 1将文件放在前端静态文件中实现本地预览但前端包变得很大多文件不适合2通过跳转外网链接访问 但内网无法使用3综合考虑利用浏览器自带的预览pdf  将文件放在服务器指定目录下前端代码量很少无需任何插件只需调用后端接口(将文件转换为流)内外网均可预览目录后端接口前端代码Docx文件转换为pdf文件 前端效果: 浏览器预览效果:后端接口importio.swagger.annotations.Api;importio.swagger.annotations.ApiOperation;importorg.apache.commons.io.IOUtils;importorg.

uniapp 将base64字符串保存为图片、Word、Excel、音频、视频等文件

 uniapp将base64字符串保存为图片、Word、Excel、音频、视频等文件index.vue,复制运行此代码看效果,支持Android、iOS /** *base64字符串转成文件 *@param{String}base64Str//允许包含前缀 *@param{String}fileName//文件名称:1663061363470.xlsx *@param{Object}callback//返回本地路径径URL,file:///xxx/doc/1663062980631.xlsx */ functionbase64ToFile(base64Str,fileName,callb