草庐IT

vue-admin-template

全部标签

javascript - Vue.js 输入框在输入一个字符后失去焦点

我有一个带有输入字段的View,它可以与给定的按钮相乘。问题是在输入任何一个字符之后,输入字段的焦点就会丢失。您必须再次单击才能输入另一个字符。有人知道可能是什么问题吗?我的模型:'model':[...,'filter':[...,'something':['string']]]我的代码: 最佳答案 问题是您正在使用一个不断变化的值作为key。Vue期望key指示项目的唯一标识符。当您更改它时,它会成为一个新项目,必须重新渲染。在下面的代码片段中,我有两个循环,都使用相同的数据源。第一个是按照您设置的方式键入的。第二个使用inde

javascript - Symfony2 - Sonata Admin - 在字段前添加 javascript

在管理类中:protectedfunctionconfigureFormFields(FormMapper$formMapper){$formMapper->add('name','text')->add('description','text');}我不知道如何在“名称”之前添加javascript,你能帮我吗? 最佳答案 为我工作:在管理类src\PP\TestBundle\TestAdmin.phppublicfunctionconfigure(){$this->setTemplate('edit','PPTestBundle

javascript - 无法加载模板 : uib/template/modal/window. html

我觉得我已经尝试了所有方法,但仍然出现错误:Failedtoloadtemplate:uib/template/modal/window.html在我的索引文件中,我添加了以下内容:我在我的应用文件中添加了:'ui.bootstrap',我在我的Controller文件中添加了以下内容:$uibModal和this.openPayment=function(){varmodalInstance=$uibModal.open({ariaLabelledBy:'modal-title',ariaDescribedBy:'modal-body',templateUrl:'payment.ht

在vue3+vite项目下按需引入vant报错Failed to resolve import解决方案

在vue3+vite项目下按需引入vant报错Failedtoresolveimport解决方案问题描述原因分析解决方案问题描述近日尝试使用vite+vue3+vant开发项目过程中,参考vant官网开发指南->快速上手->引入组件按照上述配置好后,运行vite环境报错:Failedtoresolveimport原因分析根据报错信息,发现是vant的样式引入路径不对。程序解析为:项目路径/node_modules/vant/lib/vant/es/组件/style实际应该是:项目路径/node_modules/vant/lib/vant/es/组件/style多了一个vant/lib路径。解决

javascript - Vue - 无法在 promise 中设置未定义的属性

所以我有以下Vue文件:0exportdefault{data:function(){return{notifications:[],message:"",}},methods:{loadData:function(){Vue.http.get('/notifications').then(function(response){console.log(response.data);//this.notifications=response.data;//this.notifications.push(response.data);this.message="Thisisamessage

javascript - 如何测试从 VueX 观察计算属性的 Vue 观察者?

假设我有以下组件:import{mapState}from'vuex';importexternalDependencyfrom'...';exportdefault{name:'Foo',computed:{...mapState(['bar'])},watch:{bar(){externalDependency.doThing(this.bar);}}}测试时,我想确保externalDependency.doThing()像这样用bar(来自vuex状态)调用:it('shouldcallexternalDependency.doThingwithbar',()=>{constw

javascript - 我可以在打印 HTML 页面时使用 scoped CSS 吗? (使用 Laravel 和 Vue.js)

我应该将作用域CSS放在我的主文件中,还是应该更改打印函数以适应组件的作用域CSS?第二种情况,JS函数应该怎么改?我将Laravel5与许多Vue组件一起使用。在其中一个中,我有以下作用域CSStd.not-purchased{background-color:darkgrey;}td.not-assigned-here{background-color:lightgreen;}td.checkbox{margin-top:0;margin-bottom:0;display:inline-block;}tableth:nth-child(n+3),tabletd:nth-child(

javascript - 使用 Vue webpack 模板的环境独立构建

我使用构建服务器构建我的Vue项目,使用Vue2模板很好地提供的npmrunbuild命令。Vue模板还提供了访问特定于环境的数据的能力,这些数据可以在config目录下的文件中进行配置。诸如prod.env.js之类的东西。然后您可以通过process.env.API_PREFIX访问此数据,如模板手册中所示。我希望能够一次构建代码,然后将相同的构建(由Dist中的输出定义)部署到多个服务器,但让不同的服务器使用不同的配置(不同的API_PREFIX等)。目前,Webpack编译器在构建时扩展了process.env引用。因此我必须为每个环境重建。我可以想到几种方法来做到这一点——显

javascript - Rails 4 - 依赖选择导致错误的急切加载(Rails4/Active Admin)

我有一个带有依赖选择的事件面板,即第一个下拉选择中的选择会影响第二个下拉选择中显示的内容。几个月前一切都运行良好,但我昨天才意识到它不再工作了。我设法找到导致错误的原因:如果我删除预先加载(“include”),它会再次运行。不工作:(当前版本):@deal_subsectors=DealSector.find(params[:deal_sector_id],include::deal_subsectors).dealsubsectors我收到此错误(来自chrome开发工具的控制台)GEThttp://localhost:3000/admin/deals/deal_subsector

Vue中,一个组件调用其他组件的方法(非父子组件)

Vue中,一个组件调用其他组件的方法(非父子组件)场景——B页面(组件)想调用A页面(组件)中的方法;但是两个页面(组件)毫无关联(刷新A的数据)。方式一:引用式1、当前组件引入将要调用方法所属的组件这里我的当前组件要调用OrderDetail这个组件的check()方法importDetailfrom"./detail.vue";该方法定义在OrderDetail的methods属性中2、当前组件通过该组件methods属性直接调用该方法//也可以调用created、data等Detail.methods.check();方式二:vuex使用VueX定义一个属性,然后在A页面定义一个计算属性