1.配置 build/webpack.dev.conf.js // 获取静态json数据 const express = require(express) const app = express() const apiServer = express() const bodyParser = require(body-parser) apiServer.use(bodyParser.urlencoded({ extended: true })) apiServer.use(bodyParser.json()) const apiRouter = express.Router() const fs = require(fs) apiRouter.route(/:apiName).all(function (req, res) {fs.readFile(./db.json, u...
传递参数的方法： 1.Params 由于动态路由也是传递params的，所以在 this.$router.push() 方法中path不能和params一起使用，否则params将无效。需要用name来指定页面。 及通过路由配置的name属性访问 在路由配置文件中定义参数： 通过name获取页面，传递params： 在目标页面通过this.$route.params获取参数： 2.Query 页面通过path和query传递参数，该实例中row为某行表格数据在目标页面通过this.$route.query获取参数： this...
如下所示：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <div id="dt"> <div id="dongtao"><span class="nihao" v-for="(item,index) in items" :data-index="index":dt="index"v-on:click="onclick($event,index)" :data-d ="JSON.stringify( item)"href="http://www.baidu.com" rel="external nofollow" rel="external nofollow" data-href="http://www.baidu.com" rel="external nofo...
html <input type=checkbox v-model=checkboxModel :value=z.coach_id+"-"+z.amount :i="dianji" @click="lll"> 第一个CheckBox <span><input type=checkbox v-model=checked v-on:click=checkedAll><span class="select-all">全选</span></span>第二个 定义 return {dianji:12,list: [],value:{},value1:{},checkAll: false,checkArr:[],checkboxModel:[],wodeshi:0,checked:false } lll: function(){var self = this;var sum=0;s...
mounted(){setTimeout(()=>{this.contentToggle();},1000)},methods:{contentToggle(){console.log(this.$refs.bodyFont.offsetHeight);}}vue想要获取dom元素的高，一般情况下我们都可以想到写在mounted函数里，即dom加载完再获取，但是结果并不如我们所想，又想到用一个 this.$nextTick(()=>{//函数 })来获取，发现根本没用啊/。。 所以好的办法就是用一个setTimeout定时器，时间可以设为0，但是有时候生效，有时候不生效，还是加...
HTML <input type="file" @change="tirggerFile($event)">JS(vue-methods) tirggerFile : function (event) {var file = event.target.files; // (利用console.log输出看结构就知道如何处理档案资料)// do something... }如果直接在绑定的函数中传入this，则不能正确获取，且不能获取到相关的inputfile对象 PS：下面简单介绍下vue中如何用input file绑定img标签中的src <img v-bind:src="lmodel"> <input v-model="lmodel" type="f...
1.标签 <li v-for=" el in hotLins" ><router-link :to="{path:details,query: {id:el.tog_line_id}}"><img :src="el.image_list[0]"><h3>{{el.tourism_name}} {{el.tog_line_id}}</h3><p>{{el.address}}</p></router-link> </li>2.在组件中，需要传动态参数时，可以如上例子 <router-link :to="{path:details,query: {id:el.tog_line_id}}">3.query中的参数id就是要传的参数，在组件中获取的方法为： created: function() {var id...
vue获取input输入值的问题解决办法 v-for里有多行input输入框，vue怎么获取某行的输入的值，随便写了点代码，意思就是后台返回了多行的list集合，页面显示多行输入框，当修改某行的值时进行校验，输入错误友好提示下，后边加个清空按钮，点击清空当前行数据，最开始的想法是，用v-bind:value绑定值，这样就出现一种情况，页面输入的值无法获取到，v-bind不会修改原始list里的值，而且ref也不能动态绑定，ref只能全部获取，this.$re...
自己在做个vue小demo的时候，想模拟从服务器获取json数据的过程，一开始的想法是使用fetch直接获取本地的json文件，无论是install了json-loader还是把json文件放在index.html的目录下或webpck.config.js里output的目录下，但是fetch一直报找不到文件。然后决定用fetch向express服务器发送请求，由服务器返回json数据。 express服务器 先写一个简单的express服务器，只有一个接口，起到示例作用就行了。back.js如下: var express = ...
这里我想到了2个方法： 方法一： 直接给相应的元素加id,然后再document.getElementById("id");获取，然后设置相应属性或样式 方法二： 使用ref,给相应的元素加ref=“name” 然后再this.$refs.name获取到该元素 注意：在获取相应元素之前，必须在mount钩子进行挂载，否则获取到的值为空， 如果是给子组件加id并修改自定义属性，则直接会加载改子组件对应的外层div上，并不会改变该子组件原本的自定义属性的值 如果给子组件加ref,然后...
如下所示： <FormItem label="上传头像" prop="image"><uploadImg :width="150" :height="150" :name="avatar" size="150px*150px" ref="avatar"></uploadImg> </FormItem><FormItem label="上传营业执照" prop="businessLicence"><uploadImg :width="350" :height="200" :name="businessLicence" size="350px*200px" ref="businessLicence"></uploadImg> </FormItem>自己写了个上传图片的子组件，父组件需要获取到子组件上传的图片...
前言 众所周知vue中使用路由的方式设置url参数，但是这种方式必须要在路径中附带参数，而且这个参数是需要在vue的路由中提前设置好的。相对来说，在某些情况下直接在url后面拼接？mid=100的方式传递参数更灵活，你不需要设置路由，只需要在url后拼接参数即可，但是这种方式就需要通过javascript获取并提取url中的参数，通过传统的方式直接在页面中获取是行不通的了，因为vue中是无法通过location.search()来获取url问号之后的内容的...
整理文档，搜刮出一个vue如何获取点击事件源的方法，稍微整理精简一下做下分享。<!DOCTYPE html> <html lang="zh-CN"><head><meta charset="utf-8"><title>vue click事件获取当前元素对象</title><script src="http://cdnjs.cloudflare.com/ajax/libs/vue/1.0.13/vue.min.js"></script><script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script></head><body id="app"><ul><li v-on:click="say(hello!, $eve...
在vue中可以通过给标签加ref属性，就可以在js中利用ref去引用它，从而操作该dom元素，以下是个例子，可以当做参考 <template> <div> <div id="box" ref="mybox"> DEMO </div> </div> </template> <script> export default { data () { return { } }, mounted () { this.init(); }, methods:{ init() { const self = this; this.$refs.mybox.style.color = red; setTimeout(() => { self.$refs.mybox.style.color = blue; },2000)...
?公司项目原来用的框架扩展性太差，准备更新前台页面然后用vue渲染dom 然后我写了一个demo $(document).ready(function(){$.ajax({type:"post", url:"",async:true,data:{},dataType:"json",success:function(data){var a=new Vue({el:"#detail-info-id",data:{data:[{"企业名称":"aaaaaaaaaaa","企业组织机构代码":"bbbbbbbbbbbbbbbb","上级单位":"cccccccccc","集团或者管理部门":"dddddddddddddd"}]}})},error:function(data...