随笔分类 - vue
摘要:1 <template> 2 <div 3 v-bind="$attrs" 4 v-on="$listeners" 5 > 6 <template v-for="(index, name) in $slots" v-slot:[name]> 7 <slot :name="name"/> 8 </te
阅读全文
摘要:<template> <!-- html模板 --> <div class="a-class"> <div class="b-class"> <div class="c-class">vue页面书写规范</div> </div> </div> </template> <script> /* 模块系统
阅读全文
摘要:<div class="overlay" v-if="mask" @click="closeMaskTap($event)"> <div class="mask-content" ref="maskContent"> content </div> </div> export default { da
阅读全文
摘要:初始化所有数据 Object.assign(this.$data,this.$options.data()) 使用上面方法时,有时候this的指向会出现问题,我们可以修改this的指向 Object.assign(this.$data,this.$options.data.call(this)) 初
阅读全文
摘要:<el-table ref="table" :data="tableData" style="width: 100%" border @selection-change="handleSelectionChange" @select-all="selectAll" > <el-table-colum
阅读全文
摘要:1 <el-upload 2 class="avatar-uploader" 3 :action="action" 4 :show-file-list="false" 5 :before-upload="beforeAvatarUpload"> 6 <i class="el-icon-plus av
阅读全文
摘要:1 <el-date-picker 2 v-model="nowTime" 3 type="datetime" 4 format="yyyy-MM-dd HH:mm:ss" 5 value-format="yyyy-MM-dd HH:mm:ss" 6 placeholder="选择日期时间" 7 :
阅读全文
摘要:父组件: 子组件 孙子组件 页面展示 解决方案
阅读全文
摘要:页面渲染 后端返回数据 反显的时候需要用this.$set,不然会导致v-model绑定的变量无法修改
阅读全文
摘要:let fieldsToValidate = ['indicativePrice', 'name']; Promise.all(fieldsToValidate.map(item => { return new Promise((resolve, reject) => { this.$refs['f
阅读全文
摘要:1.安装依赖 //使用axios发送 ajax npm install axios --save //使用mockjs产生随机数据 npm install mockjs --save-dev //使用json5解决json文件,无法添加注释问题 npm install json5 --save-de
阅读全文
摘要:出现这种情况的原因, 因为父组件中要传递的 props 属性是通过ajax请求回来的, 请求的这个过程是需要时间的,但是子组件的渲染要快于ajax请求过程,所以此时 created 、 mounted 这样的只会执行一次的生命周期钩子,已经执行了,但是 props 还没有流进来(子组件),所以只能拿
阅读全文
摘要:添加@clcik.native
阅读全文
摘要:1. Vue 无法检测实例被创建时不存在于 data 中的 property 原因:由于 Vue 会在初始化实例时对 property 执行 getter/setter 转化,所以 property 必须在 data 对象上存在才能让 Vue 将它转换为响应式的。 场景: var vm = new
阅读全文
摘要:拿vue-cli举例,在项目目录中找到根目录下config文件夹下的index.js文件。配置在dev里面: dev: { // Paths assetsSubDirectory: 'static', assetsPublicPath: '/', proxyTable: { '/api': { ta
阅读全文
摘要:用on的代码: window.onload = function(){ var box = document.getElementById("box"); box.onclick = function(){ console.log("我是box1"); } box.onclick = functio
阅读全文
摘要:步骤一. 从官网上clone一个例子 git clone https://github.com/electron/electron-quick-startcd electron-quick-startnpm installnpm start 项目跑起来之后,就会出现electron的桌面页面,大概看
阅读全文
摘要:字体图标丢失问题解决方案 重新打包文件 npm run build 再次运行electron
阅读全文