草庐IT

vue-template-compiler

全部标签

用vue实现打印页面的几种方法

1.第一种就是直接调用window.print()方法这种方法的坏处就是默认打印整个页面,不能打印局部页面。2.第二种使用v-print首先先下载npminstallvue-print-nb--save然后在main.js中引入main.js中引入importPrintfrom'vue-print-nb'Vue.user(Print)由于我用的是jeecg所以和你们不太一样然后就是在代码里面用了//以是要打印的内容打印//打印结束点击上面那个打印按钮就会自动打印你想要的部分了3.第三种使用print.js使用这种的好处就是可以在打印前进行一些自己想要的操作比如校验第一步先下载print.js我

javascript - 在 vue.js 中设置输入元素的焦点

我正在尝试在Vue.js中设置输入元素的焦点。我在网上找到了一些帮助,但没有任何解释对我有用。这是我的代码:exportdefault{data(){return{contacts:[],name:null,company:null}},ready:{//Itriedthefollowing:this.$$.nameInput.focus();this.$els.nameInput.focus();//Noneofthemworked!}methods:{search:function(event){//...//Ialsowouldliketogivethefocushere,onc

javascript - Vue在生产环境DEV模式下

版本2.5.13源代码链接https://jsfiddle.net/esrgxLfu/描述我有一个PHP应用程序,它主要将VueJS用于设置页面。所有设置都是用Vue创建的,我们使用Webpack。一切正常,当我们在实时版本中时,没有关于Vue处于开发模式的控制台错误。我们也仅将Vue用于仪表板页面上的一个组件。它是一个VueTODO列表,就像Vue文档中的一样。在仪表板页面上,我们得到Vue处于开发模式的控制台消息。我们对仪表板和设置页面使用相同的Webpack,因此设置相同。我花了几个小时试图找到答案,但没有成功,这就是我创建此问题的原因。在php文件中,我们将vue组件放在:然后

javascript - 使用 Google 的 Closure Compiler 缩小字符串的正确方法是什么?

我正在编写一个jQuery插件,我想通过用枚举替换常用的CSS属性字符串来缩小脚本的大小。但是,Google的ClosureCompiler将所有字符串变量替换为字符串文字。例如,选择高级优化:这个varx="heybobhowareyoudoing";alert(x);alert(x);alert(x);alert(x);返回alert("heybobhowareyoudoing");alert("heybobhowareyoudoing");alert("heybobhowareyoudoing");alert("heybobhowareyoudoing");如果不通过像JScra

javascript - 为什么 Closure Compiler 无法识别自执行匿名函数中的类型声明?

当我通过ClosureCompiler运行一个相当大的库时,我收到了很多“Unknowntype”警告,当我的类型在自执行匿名函数中声明时,它们似乎会发生。这并没有什么奇怪的,但是如果我去掉自执行函数,类型声明似乎可以工作(至少在这个简单的测试中是这样)。我不确定我的代码注释是否有问题,或者代码中是否有任何非法内容,但我认为这完全符合标准,并且是模块化API的标准方法。下面的测试代码创建了一个命名空间(只是一个普通的旧JS对象)并附加了一个枚举(一个对象字面量)和一个函数。varmynamespace={};(function(mynamespace){/***Someenum.*@e

javascript - vue 未在实例上定义,但在渲染期间被引用

我正在尝试在vue中构建一个简单的应用程序,但出现错误。我的onScroll函数按预期运行,但是当我单击我的按钮组件时,我的sayHello函数返回错误Propertyormethod"sayHello"isnotdefinedontheinstancebutreferencedduringrender.Makesuretodeclarereactivedatapropertiesinthedataoption.(foundincomponent)Vue.component('test-item',{template:'Hello'});varapp=newVue({el:'#app'

javascript - 将类绑定(bind)到 Vue.js 2 中的插槽

我正在尝试创建一个可重用的组件来迭代项目、过滤它们并向插槽添加一些类(如果项目是偶数、奇数、第一个、最后一个等等)这是我的可重用组件:exportdefault{props:['items','classes'],data(){return{filteredItems:this.items.filter(item=>item.active)};}};下面是我如何使用它:一切都按预期工作,但它不会向放入的元素添加类。我做错了什么吗?在Vue.js2中甚至在技术上有可能做这样的事情吗?感谢任何帮助或建议! 最佳答案 使用vuejs2时,

javascript - 是否可以使用计算属性来计算 Vue 中的另一个属性?

如果我有两个这样的计算属性,computed:{id:function(){returnthis.$route.query.id;},hasId:function(){returnthis.$route.query.id!==undefined;}}如何使用id来计算hasId,就像这个伪代码一样?computed:{id:function(){returnthis.$route.query.id;},hasId:function(){returnid!==undefined;}} 最佳答案 您需要使用正确的范围来访问vue计算属性

javascript - 如何在 vue.js 中使用 onfocusout 函数?

我想在光标从一个文本框移动到下一个文本框时立即调用一个函数。应在单击选项卡时或在输入预期条目并移至下一个条目后进行函数调用。 最佳答案 使用v-ondirective为blur添加事件监听器或focusout在上:v-on:EVENT_NAME="METHOD"示例:或更短的语法:@EVENT_NAME="METHOD"示例:newVue({el:'#app',methods:{handleBlur(e){console.log('blur',e.target.placeholder)},handleFocusout(e){cons

javascript - 防止 Google Closure Compiler 重命名设置对象

我试图让GoogleClosureCompiler在作为设置或数据传递给函数时不重命名对象。通过查看jQuery中存在的注释,我认为这可行:/**@param{Object.}data*/window.hello=function(data){alert(data.hello);};hello({hello:"World"});然而,它最终是这样的:window.a=function(b){alert(b.a)};hello({a:"World"});ajax找到函数here有这个注释,它似乎工作。那么,为什么不呢?如果数据是来自外部源或设置对象的返回值,我希望能够告诉编译器不要触摸它