`
文章列表

vue $set修改对象

    博客分类:
  • Vue
Vue 不允许动态添加根级响应式属性。 var vm=new Vue({     el:'#test',     data:{         //data中已经存在info根属性         info:{             name:'小明';         }     } }); //给info添加一个性别属性 Vue.set(vm.info,'sex','男');
对话框右上角的close按钮(before-close:关闭前的回调,会暂停 Dialog 的关闭) <el-dialog v-model="options" :before-close="closeDiv" width="500px" center> <el-form  autoComplete="on" :model="addForm" :rules="addRules" ref="addForm"> <el-for ...

vue 多级嵌套示范

    博客分类:
  • Vue
多级嵌套示例
<el-input @keyup.native="handleInput" v-model="form.subjectId" :placeholder="$t('biomaterial.common.phprefix')+$t('subject.subjectId')"></el-input> // 验证只能输入正整数 handleInput() {   this.form.subjectId = this.form.subjectId.replace(/[^\.\d]/g, '')   this.form. ...
第一种: <el-radio-group v-model="radio2">   <el-radio @click.native.prevent="clickitem(3)" :label="3"> 备选项</el-radio>   <el-radio @click.native.prevent="clickitem(6)" :label="6"> 备选项</el-radio>   <el-radio @click.native. ...
和上一篇类似的需求, 目前我有一个需求是: 通过getFormNames得到了一个大集合A,在循环遍历A集合的每一条数据A1,A2。。。。以此类推,拿到A1作为参数,又会获得一个新集合,最终是把返回的结果拼装改造下返回一个新的response function getForms(){ getFormNames().then(formNames => { console.log('查询form') return getFormDetails(formNames) }).then(returnObj => { console.log('查询form 明细') r ...
入口文件main.js加入 import Vue from 'vue' import * as filters from './filters' // register global utility filters. Object.keys(filters).forEach(key => {   Vue.filter(key, filters[key]) }) filter文件 export function parseBirthDate(time) {   if (arguments.length === 0) {     return null   }   if (time) { ...
目前我有一个需求是: 通过getFormNames得到了一个大集合A,在循环遍历A集合的每一条数据A1,A2。。。。以此类推,拿到A1作为参数,又会获得一个新集合,最终是把返回的结果拼装改造下返回一个新的response export function getFormList(type, studyIds) {   return new Promise((resolve, reject) => {     getFormDisplayConfiguration(type, studyIds).then(response => {       const formData = r ...
如通过yum安装的话直接通过chkconfig rabbitmq-server on 就可以设置为开机自启动,但公司这边是通过源代码进行安装,如何也通过系统服务来自启动呢? 步骤: 1.增加自启动脚本: 在/etc/init.d目录下新建一个rabbitmq-server文件,内容如下: #!/bin/sh  #  # rabbitmq-server RabbitMQ broker  #  # chkconfig: - 80 05  # description: Enable AMQP service provided by RabbitMQ  #    ### BEGIN ...
1. 安装 erlang 1.1 准备工作,先安装依赖库 yum -y install make gcc gcc-c++ kernel-devel m4 ncurses-devel openssl-devel  yum install ncurses-devel 1.2 下载erlang源码 wget http://www.erlang.org/download/otp_src_R16B02.tar.gz cp otp_src_R16B02.tar.gz /usr/src/otp_src_R16B02.tar.gz cd /usr/src tar -xzvf otp_src_R16B02 ...
分布式:一个业务分拆多个子业务,部署在不同的服务器上 集群:同一个业务,部署在多个服务器上 举例: 小饭店原来只有一个厨师,切菜洗菜备料炒菜全干。后来客人多了,厨房一个厨师忙不过来,又请了个厨师,两个厨师都能炒一样的菜,这两个厨师的关系是集群。为了让厨师专心炒菜,把菜做到极致,又请了个配菜师负责切菜,备菜,备料,厨师和配菜师的关系是分布式,一个配菜师也忙不过来了,又请了个配菜师,两个配菜师关系是集群
单向数据流   prop 是单向绑定的:当父组件的属性变化时,将传导给子组件,但是不会反过来。这是为了防止子组件无意修改了父组件的状态——这会让应用的数据流难以理解   另外,每次父组件更新时,子组件的所有 prop 都会更新为最新值。这意味着不应该在子组件内部改变 prop。如果这么做了,Vue 会在控制台给出警告   下面是一个典型例子 <div id="example">   <parent></parent> </div> 复制代码 <script> var childNode = {   templ ...
用$ref调用 直接代码: 子组件: <template>   <div>   </div> </template> <script>   export default {     data(){       return {         num:'123'       }     },     computed: {     },     components: {            'children': children     },     methods:{       childMethod() {     ...
new Vue({   el: '#app',   data: {     settings: {       runs: [1, 2, 3]     }   },   methods: {     removeRun: function(i) {       console.log("Remove", i);       this.settings.runs.splice(i,1);     }   } }); <script src="//cdnjs.cloudflare.com/ajax/libs/vue/2.2.1/vue.js"> ...
需求: list.vue页面 是这样子的,我想把itemId传给hotel.vue页面。 点击url会跳转到http://localhost:8080/#/hotel/1001 分为参数显示在url和参数隐藏 1、参数显示在url中 -------------------------------------------------------------------- list.vue 中 <template>  <div>      <h3>首页</h3>      <router-link :to="{path:' ...
Global site tag (gtag.js) - Google Analytics