草庐IT

vue-template-compiler

全部标签

关于vue使用自动导入时,使用element-ui的v-loading指令时,出现moudle not found的问题

关于vue使用自动导入时,使用element-ui的v-loading指令时,出现moudlenotfound的问题问题描述问题的几种无效解决方案1.修改配置:2.resolve.extension属性有效的解决方法:1.更新依赖工具问题描述这几天为了实现一个加载界面的功能,我本来打算自己写一个加载界面,写起来也不难,但是想想之前用了那么多element-ui的内容,这个应该也有现成的可以拿来使用,我就找到一个叫loading的组件。很快啊!我就把他写到项目里面去了,手动导入了一下(因为用在了js代码里面貌似不会自动导入),然后build,准备看看效果如何,这时候就出现一个离谱的问题:Modu

模仿dcloudio/uni-preset-vue 自定义基于uni-app的小程序框架

我们知道通过vuecreate-pdcloudio/uni-preset-vuemy-project可以创建小程序框架。这个是DCloud基于vue-cli来实现的uni-app框架。使用过的都知道,有好几个模板进行选择。如果我们有自己的项目框架,如何做成预设模板,一行命令一键生成项目框架呢?例如提供给其他团队项目框架,只需要告诉一下命令就可以了,方便不少。这个功能是通过vue-cli create命令,-p参数实现的,下面我们先分析一下整个流程。1.vuecreate-p dcloudio/uni-preset-vuemy-project流程要分析清楚这个流程,肯定需要调试,分享一个笨方法。

Vue(四)Vue脚手架——手把手教你安装和使用

一、什么是Vue脚手架        之前我们使用Vue框架,都是通过脚本的方式引入Vue脚本,在html中运行,但是这只是入门级的操作,下面我们介绍Vue脚手架。        脚手架:脚手架是一类软件的总称,此类软甲用于生成标准化的项目包,这种项目包具备完善的模块,报错提示,代码提示...    并且,脚手架是一套已经包含核心功能和标准文件夹结构的半成品项目源代码,它的优点是标准化,极其便于协作,避免重复搭结构,降低学习成本。在今后所有的项目和新技术,基本都是在脚手架基础上开发的。二、脚手架的安装和使用        安装脚手架的前提条件:                node版本:要求

javascript - Vue.js + Webpack + vue-loader + bootstrap-sass + sass-loader

我刚刚开始使用Vue.js+Webpack+vue-loader+bootstrap-sass+sass-loader,我有点不知所措。我想做的是将SASS版本的Bootstrap与我的SPAVue.js代码一起使用。我想这样做,以便可以使用SASS完成我的Bootstrap自定义。这是我所做的:使用vue-cli创建了一个新的Vue.js+webpack项目。安装了bootstrap-sass和sass-loader。将以下内容添加到build/webpack.base.conf.js:{test:/\.scss$/,loaders:['style','css','sass']},{

javascript - 如何使用 Vue js 2 在组件子组件链上冒泡事件?

我的vue应用程序使用:由组件子组成的组件父组件在component-parent里面我有按钮,当有人点击一个按钮时我想发出一个事件以便由vue处理并传递给另一个组件到目前为止我做了什么:varvm=newVue({el:'#app',methods:{itemSelectedListener:function(item){console.log('itemSelectedListener',item);}}});Vue.component('component-child',{template:'Button',methods:{chooseItem:function(pty){co

javascript - 构建 Vue + Vuex 项目

我对在哪里放置我的全局函数有点困惑。在很多例子中,一个main.js文件指向一个应用程序组件,它被放置在html中的某个地方。如果我只是将我的所有逻辑包含在这个应用程序组件中,这个工作流程对我来说就很好了。但是我将组件与Laravel功能结合在一起,所以这对我不起作用。目前我的main.js文件包含一堆我需要从我的应用程序中的任何地方访问的方法。这些方法不包含任何广播事件,因此只要它们获得vue-resource实例,它们就可以有效地放置在任何地方。我的main.js文件:https://github.com/stephan-v/BeerQuest/blob/develop/resou

javascript - AngularJS 1.4 : Select List Value not Initializing Correctly when List is Inserted with $compile

这里有一些快速的背景信息。我刚刚升级到Angular1.4。我正在使用用C#编写的API进行服务器端调用。我页面的一部分显示了2个选择列表(项目和子项目)。两者都应该默认为“(Selecta______)”,我将其列为每个选择的第一个选项,“值”为0。适当的ng-model变量被初始化为0。选择列表的实际HTML代码是在服务器端使用字符串连接生成的,通过$http传递给客户端,并使用调用$compile的指令插入(一点也不理想,但我的客户端有漂亮的很多链接我到这个API)。在1.4更新之前,一切都运行良好。现在,我的项目选择列表默认为空。当我检查元素时,这就是我所看到的...(Sele

javascript - 使用 jspdf 和 Vue.js 生成 pdf

我是Vue.js的新手,我正在尝试生成PDF,但我不知道该怎么做。这是我的:import*asjsPDFfrom"jspdf"exportdefault{props:['id'],methods:{pdf(){constdoc=newjsPDF()}}}错误:Propertyormethod"pdf"isnotdefinedontheinstancebutreferencedduringrender 最佳答案 首先将PDF库导入为:importjsPDFfrom'jspdf'然后简单地实例化对象并给它内容:methods:{crea

vue触屏项目 使用 虚拟键盘组件,通过js给el-input value赋值,v-model绑定值不同步问题(已修改)

1.管理后台项目每个页面都有模糊搜索,之前是使用外接键盘或者扫码枪进行输入,完全没有问题,但是最近客户使用的是触屏手动输入,就发现了问题,输入框上的值并不会被监听到,也不会触发el-input框自带的enter,以及change事件,这时候就想着接入一个虚拟键盘,在触屏项目中使用,接入完成后本以为可以成功,但是发现,通过js给el-inputvalue赋值,v-model绑定值不会同步问题:.赋值后,界面显示字段已更改,获取v-model的参数,发现不会同步更改解决办法:v-model只是一种语法糖,底层的方法还是去监听input事件。所以可以使用dispatchEvent事件给元素分配一个i

javascript - Vue js Ready 功能未触发

我有这个vue函数,其中基本上有两种方法。第一个postStatus用于在用户单击保存按钮后立即保存帖子,另一个getPosts用于从中检索该用户之前的所有帖子数据库。这是vue.js,其中有一个对Controller的ajax调用(在Laravel5.3中)$(document).ready(function(){varcsrf_token=$('meta[name="csrf-token"]').attr('content');/*Eventhandlingwithinvue*///whenweactuallysubmittheform,wewanttocatchtheaction