• 分类:【前端
  • 浏览【27】
  • 评论【0】
  • 更新【2020-8-01 11:32:54】

vue在子组件中直接修改父组件传递下来的数据会报错: Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop's value. Prop being mutated: "json" 原因是vue子组件不能直接修改父组件的数据,可以使用this.$emit发送通知,让父组件来修改。 示例代码: 子组件

阅读全文
  • 分类:【前端
  • 浏览【28】
  • 评论【0】
  • 更新【2020-7-29 11:45:04】

不依赖jquery也可以实现图片预览功能: <!--图片放大后的div 开始 这块粘贴在你的html中最后body前 --> <div id="outerdiv" style="text-align: center;position: fixed;z-index: 9999;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(28,28,28,0.9);"> <img id="bigimg" style="max-he

阅读全文
  • 分类:【前端
  • 浏览【696】
  • 评论【0】
  • 更新【2018-6-25 15:10:28】

//上传图片 var imagesBase64 = []; $("input[type=file]").on("change", function (e) { var image = e.target.files[0]; var imgFile = new FileReader(); var imgShow = new Image(); imgFile.readAsDataURL(image); imgFile.onload = function () { var imgData = this.result; //base64数据 imagesBase64.

阅读全文
  • 分类:【前端
  • 浏览【1031】
  • 评论【0】
  • 更新【2018-2-16 21:22:49】

bundle.js:935 [Vue warn]: You are using the runtime-only build of Vue where the template compiler is not available. Either pre-compile the templates into render functions, or use the compiler-included build. (found in <Root>) 解决方案:与entry属性平级添加 resolve: { alias: { 'vue$':

阅读全文
  • 分类:【前端
  • 浏览【982】
  • 评论【0】
  • 更新【2016-6-02 13:36:53】

http://yuedun.github.io/copy.html 点击链接查看:js复制

阅读全文
  • 分类:【前端
  • 浏览【2498】
  • 评论【0】
  • 更新【2016-3-22 21:32:59】

$('#calendar').fullCalendar({ lang: "zh-cn", header: { left: 'prev, next, today', center: 'title', right: 'month' }, height: 500, dayClick: function(date, jsEvent, view) { //点击空白日期调用 }, eventClick: function(calEvent, jsEvent, view) { //

阅读全文
  • 分类:【前端
  • 浏览【1132】
  • 评论【0】
  • 更新【2016-2-04 15:59:14】

    用vue.js做的后台管理系统,有一个列表搜索功能,正常登陆进去,直接点击搜索功能,页面就会刷新一遍,原因是url地址变化了 原本地址是: http://www.mydomain/#!/index 点击搜索以后就变成了 http://www.mydomain/?#!/index 在#!前面自动加了?,导致页面刷新一遍,这样第一次搜索就没意义了.     经过初步排查后发现点击其他按钮不会改变URL地址,对比后发现搜索按钮的type="submit",可能是提交表单导致跳转了,那么将type改为button或者直接去掉试试,结果还是不行,干脆也改为标签(加了boo

阅读全文
  • 分类:【前端
  • 浏览【19120】
  • 评论【1】
  • 更新【2016-1-27 22:59:54】

Vue.js可以传递$event对象 <body id="app"> <ul> <li v-on:click="say('hello!', $event)">点击当前行文本</li> <li>li2</li> <li>li3</li> </ul> <script> new Vue({ el: '#app', data: { message: 'Hello Vue.js!' },

阅读全文
  • 分类:【前端
  • 浏览【3695】
  • 评论【0】
  • 更新【2016-1-14 09:57:43】

新建表单有些input输入框需要默认值,比如性别需要一个男或女默认值。再比如一个日期选择框需要默认今天。如果按照HTML的方式设置不会起作用 男 女 在vue.js页面中上面这种设置方式是不会起作用的,性别不会选中,日期也不会有值。解决办法是对v-model属性设值,在初始化时给gender=0,那么默认会选中性别男,给date="2016-01-06"日期控件也有值。

阅读全文
  • 分类:【前端
  • 浏览【1112】
  • 评论【0】
  • 更新【2016-1-12 12:45:18】

在线示例:http://yuedun.github.io/address.html 具体代码看页面源码

阅读全文