草庐IT

vue3-Typescript

全部标签

javascript - [Vue 警告] : Failed to resolve directive: bin

我是VueJS的新手。您好,尽管我的应用程序正在运行,但我在控制台中收到此错误,该错误阻止了jQuery。v-for="messageinmessages"遍历对象并尝试显示对象。但收到此错误Vuewarn]:Failedtoresolvedirective:bin@{{message.fileName}}@{{message.sentAt}}@{{message.content}}@{{message.sentAt}}实际上这是一个laravelblade所以不用担心@符号 最佳答案 我在添加v-bind指令后遇到了同样的错误。结

javascript - Vue Js - 无法读取未定义的属性 - (但它在浏览器上呈现)

我在Vue上有这种奇怪的行为。我正在尝试呈现一个名为descrizione的对象的嵌套属性并且它有效!但在控制台中,我收到来自Vue的警告:TypeError:Cannotreadproperty'descrizione'ofundefined"这是我的代码:HTML{{modello.lineaGialla.descrizione}}{{modello.lineaBlu.descrizione}}JSON{"lineaGialla":{"class":"gialla","selected":false,"descrizione":"Questaèlineagialla","descr

javascript - import Vue from 'vue' 将 "different"Vue 导入不同的文件

这个问题可能更多地是关于Webpack和ES6import而不是Vue。我正在编写一个Vuex突变,将新的mykey:[]添加到state中的对象。这需要使用Vue.set(state.myobj,'mykey',[]),让新数组获得react性。但是,当我将Vue从'vue'导入到我的mutations.js并使用Vue.set(...)时,它并没有解决问题(它什么都不做)。问题似乎是Vue与我在main.js文件中创建Vue对象时在主js文件中使用的Vue不同。我已经确认问题与Vue导入mutations.js的方式有关。如果我在main.js中编写window.MY_VUE=Vu

javascript - 如何使用 TypeScript 将拖动事件处理程序附加到 React 组件

我正在使用TypeScript(2.4.2)首次涉足React(15.6.1),我正在尝试创建一个组件来表示可拖动的JSON字段。这是我的组件代码:import*asReactfrom"react";interfaceJsonFieldProps{name:string;type:string;indent:number;}exportclassJsonFieldextendsReact.Component{marginStyle={'text-indent':`${this.props.indent*15}px`};render(){return{this.props.name}:{

javascript - 动态插入字符串上的 Vue 事件处理程序不起作用

这是我的代码:ClickMetoreplacedivcontentsexportdefault{data(){return{data:"Iwillbereplacedonceyouclickonbutton"}},methods:{clickMe(){alert("worked");},replace(){this.data="Whydoesclickmenotwork?ItisloadedfromserverviaajaxClickMe";}}};在这里,如果我点击ClickMetoreplacedivcontents,内容会被替换,但事件处理程序clickMe不会触发。该数据将来自

javascript - 设置实用程序类并在 vue 组件中使用它

我正在开发的一个vue应用程序目前有很多与日期函数相关的代码冗余。为了减少这些冗余,我想创建一个如下所示的实用程序类,导入它并将其设置为组件内的Vue数据属性,这样我就可以在其中调用日期函数。我不确定实现它的最佳方式。当前的实现导致错误提示TypeError:this.datesisundefined,我的目标不仅是解决此错误,而且还使用最佳标准在Vue环境中创建/使用该类。导入工具类importDatesfrom"./utility/Dates";...组件constcontactEditView=Vue.component('contact-edit-view',{data(){r

javascript - typescript 和 react-native 的 ForwardRef 错误

使用forwardRef时出现ts错误//[ts]Property'forwardRef'doesnotexistontype'typeofReact'.constMyComponent=React.forwardRef((props:Props,ref:any)=>...在ReactNative中,父组件抛出此错误:InvariantViolation:Elementtypeisinvalid:expectedastring(forbuild-incomponents)oraclass/function(forcompositecomponents)butgot:object有什么解

javascript - 导入第三方js文件到angular typescript项目

在我使用Angular的过程中,我被迫使用四种不同的方式来包含第3方库poliglot.js(对于多语言)。为了能够在我的Lang类中使用newPolyglot(...):exportclassLang{...constructor(){this.polyglot=newPolyglot({locale:'en'});...}...}我用这四种方法A.在我相当老的(2016年)angular2(基于framerworkangular2-webpack-starter)项目中(目前由于缺少require指令,该解决方案不起作用在新的Angular项目中):varPolyglot=requ

javascript - 如何使表格行可点击并展开行 - vue.js - element-ui

我正在使用具有可扩展行功能的表格。单击展开图标时该行会展开,您可以查看示例HERE.但是,我想要做的是,entirerow可点击和切换展开和折叠行就像点击展开图标时一样。请帮忙。这是我的标记:el-table(:data="tableData")el-table-column(label="EmployeeName",prop="userName")el-table-column(label="CompanyName",prop="companyName")el-table-column(type="expand",align="right")template(slot-scope="

javascript - 如何将项目推送到 Vuejs 中数据对象的数组中? Vue 似乎没有在看 .push() 方法

我正在尝试将对象添加到我在Vue实例数据对象中声明的数组中。我可以在状态的购买对象中设置值,但是当我将数据推送到订单队列数组时,不会填充空数组。正在触发函数,但数组没有更新。这是我的表格:@csrfProduct@foreach($productsas$product){{$product->name}}@endforeachSelectaproductQuantityProductquantityadd  QUEUE这是我的javascript:require("./bootstrap");window.Vue=require("vue");Vue.compone