草庐IT

Vue——patch.ts【十四】

全部标签

学妹问我的终端为什么这么好看———windows命令行美化指南(从cmd到oh-my-posh)

学妹问我的终端为什么这么好看———windows命令行美化指南(从cmd到oh-my-posh)前言一个美观的开发界面,对于调试程序、管理代码版本、提升编程体验等有着至关重要的作用。本文介绍了windows平台下命令行界面的美化方法,以期让读者拥有更好的编程体验。在图形化用户界面(GUI)大规模普及之前,命令行界面(CLI)一直是电脑界的主流。CLI开销小、运行快速,但是非专业用户使用不方便。如今,不从事开发的电脑用户接触到命令行的机会已经很少了(非计算机系学习C,可能只会在“命令行参数”一节接触到命令行),但如果从事软件开发,使用git、gcc等工具,熟练掌握命令行的使用还是有必要的。了解更

javascript - Vue2 中的条件 Prop

我有一个用例,我可能需要将对象props作为props传递给子组件。最初,我在一个组件中包含一个表单和一个表格。此表单将接受输入,将执行异步请求并呈现表格以供用户进行选择。然后用户可以点击一个按钮并隐藏表格并恢复表格以便重新输入参数。由于表单的内容取决于其父级的状态,因此最后的搜索参数仍在表单中。当我重构组件以创建父组件的表单和表格子组件时,问题就出现了。现在表单将$emit事件给它的父级,它会执行异步操作并将结果作为props传递给表。这工作正常,但是当用户点击“返回表单”按钮时,表单会重新呈现,从而将其状态重置为初始值。我尝试将表单的内容存储在父级中并将其作为props传递回表单,

javascript - 将模板分配给 Vue 类组件

如何直接将模板分配给Vue类组件?在下面的示例中,我可以将子组件渲染为节点,但从不渲染模板。我尝试为模板分配许多不同的方式来渲染它,但似乎没有任何效果:Thisshouldrenderone,two,threebelowtwice.{{item}}import{Vue,Component,Prop}from'vue-property-decorator'@Component({template:`{{item}}`})classSubcomponentextendsVue{template=`{{item}}`@Prop({required:true})item:string}@Com

javascript - 动态导入vue组件解析失败

当我尝试使用import()函数导入动态组件时,我收到以下错误:[Vuewarn]:Failedtoresolveasynccomponent:function(){return__webpack_require__("./src/components/typeslazyrecursive^\\.\\/field\\-.*$")("./field-"+_this.type);}Reason:Error:Loadingchunk0failed.不幸的是,我不知道是什么导致了这个错误。由于ReleaseNotes,我已经尝试在vue-loader配置中将esModule设置为false.我

javascript - 如何使用 vue-test-utils 测试 CSS 框架自定义组件

我使用的是BuefyCSS框架,它提供自定义vue-js组件,例如和,我在测试时遇到了问题标签。import{shallowMount,createLocalVue}from'@vue/test-utils'importBInputPracticefrom'../BInputPractice.vue'importBuefyfrom'buefy'constlocalVue=createLocalVue()localVue.use(Buefy)describe('b-inputPractice',()=>{it('updatesthenamedataproperty',()=>{const

javascript - 如何在 Vue.js 中保持可排序数组和组件的顺序

我正在使用Vue.js和Dragula制作一个拖放图block页面。每个图block都包含自己的一组数据,因此每个图block都是一个Vue组件。问题是,一旦我拖放其中一个图block,Vue实例中的DOM元素和数据数组就会失去同步并开始引起问题。只是拖放不会产生问题,但是一旦我拖放某些东西然后尝试删除它,一切都会出错。这是一个fiddle:https://jsfiddle.net/wfjawvnL/13/这是我的HTML,带有组件模板:{{$data|json}}{{name}}Index:{{index}}✗这是我的Vue实例:varvm=newVue({el:'#a

javascript - TypeError : str. replace is not a function strange error with vue.js Ajax 调用

我收到一个奇怪的错误:vue-resource.common.jsUncaughtTypeError:str.replaceisnotafunction它似乎与我正在获取一些的ajax调用有关数据:exportdefault{data:()=>({recipes:[]}),ready(){this.$http.get('http://localhost:3000/recipes',{headers:{'Access-Control-Allow-Origin':true}}).then((recipes)=>{this.$set('recipes',recipes)})}};我是vue.

javascript - 如何在 node.js 项目中为 vscode intellisense 在本地使用 .d.ts 类型?

我正在建立一个使用原生插件的node.js项目。native附加组件包含大量导出函数。我已经设置了一个类型文件(.d.ts),其中包含从native附加组件导出的所有函数定义和数据等。当我用npm打包所有这些并将其安装到客户端项目中时,vscodeintellisense会拾取所有类型并且一切正常。当我尝试在与native附加组件相同的项目中为test.js使用类型时,类型没有被拾取,特别是导出的变量;我怀疑这与它们在.d.ts中的导出方式或.d.ts中模块的命名有关。在.d.ts中,我将导出列为;interfaceMyI{Initiate():void;}module'modulen

javascript - Vue.js 2 : Conditional Rendering not working

我在使用ConditionalRendering时遇到问题,因为没有一个例子是有效的。这是Vue代码:Vue.component('sub-folder',{props:['folder'],template:'#template-folder-item'});varbuildFoldersList=newVue({el:'#sub-folders',data:{foldersList:this.foldersList,foldersStatus:this.foldersStatus},created(){this.buildFolders()},methods:{buildFolde

javascript - Webpack 开发服务器不热重新加载 .vue 文件

一直在做一个项目,并确定HMR正在工作,如果我更新我的任何.js文件,webpack都会编译,并且模块会被替换掉。我正在处理一个.vue文件,webpack会重新编译,但没有super新鲜的HMR。希望有人可以看一下并告诉我是否有问题:我在cli中使用的脚本如下所示。webpack-dev-server--d--watch--output-path./public--config./_src/webpack.config.js--progress--env.dev我猜最重要的一点是:devServer:{contentBase:'public',hot:true,filename:'m