小编cod*_*der的帖子

工作时间选择?

在堆栈溢出中看到对另一个问题的引用.

我检查了这样的解决方案,但还没有成功.

 <div class="form-group">
   <label>Working Hours :</label>
   <div v-for="value in day" class="checkboxFour"<input type="checkbox" id="need" value="value.val" v-model="value.selected" style="width: 10%!important;">
     <p>FROM</p>
     <label for="need" style=" width: 20%!important;">{{value.name}}</label>
     <input id="value.from" type="time" v-model="value.from" name="value.from" style="width: 30%!important;">
     <p>TO</p>
     <input id="value.to" type="time" v-model="value.to" name="value.to" style="width: 30%!important;">
     <br>
   </div>
 </div>
Run Code Online (Sandbox Code Playgroud)

我的vue js代码是相同的

work = new Vue({
  el: "#work",
  data: {
    data: [],
    day:[
      {name:"Sunday",val:1},
      {name:"Monday",val:2},
      {name:"Tuesday",val:3},
      {name:"Wednesday",val:4},
      {name:"Thursday",val:5},
      {name:"Friday",val:6},
      {name:"Saturday",val:7}
    ],
    string:'',
  },

  methods: {
    wrkSubmit: function(e){
      var arr = [];
      this.day.map(function(v,i) {
        console.log(v.selected == true);
        if(v.selected == …
Run Code Online (Sandbox Code Playgroud)

html javascript vue.js vue-router vue-component

6
推荐指数
2
解决办法
386
查看次数

如果json响应为真,如何启用按钮?

我正在注册,我的HTML代码是

<div class="tab-pane" id="step1">
  <form method="POST" onSubmit="return false;" data-parsley-validate="true" v-on:submit="handelSubmit($event);">
    <!-- DATA COMES HERE -->
    <div class="wizard-footer">
      <div class="pull-right">
        <button type="submit" class='btn btn-next btn-primary' name='next' value='Next'>Next</button>
      </div>
    </div>
  </form>
</div>
<div class="tab-pane" id="step2">
  <!--******8data**** -->
  <button type="submit" class='btn btn-next btn-primary' name='next' value='Next'>Next</button>
</div>
Run Code Online (Sandbox Code Playgroud)

btn-next正在进入下一个标签.如果我删除btn-next,它将不会移动到下一个选项卡.

我的vue js代码是

submitBox = new Vue({
  el: "#submitBox",
  data: {
    -- -- -
  },
  methods: {
    handelSubmit: function(e) {
      var vm = this;
      data = {};
      -- -- -- -- -- --
      $.ajax({ …
Run Code Online (Sandbox Code Playgroud)

vue.js

5
推荐指数
1
解决办法
572
查看次数

BxSlider上的链接不适用于Google Chrome,但适用于所有其他浏览器

点击错误消息是

jquery.js:4388 [Violation]向滚动阻止的“ touchmove”事件添加了非被动事件侦听器。考虑将事件处理程序标记为“被动”,以使页面更具响应性。参见https://www.chromestatus.com/feature/5745543795965952

我可以在新水龙头上单击鼠标右键来打开链接。更重要的左键单击不起作用。

在所有其他浏览器上,链接都可以正常工作

请帮我

html javascript jquery carousel bxslider

5
推荐指数
2
解决办法
3619
查看次数

如何在单个 vuejs 项目中连接多个套接字?

import VueSocketIOExt from 'vue-socket.io-extended';
import { io } from 'socket.io-client';

const socket = io('http://localhost:3200/');
const socket1 = io('http://localhost:3100/');

Vue.use(VueSocketIOExt, socket);
Vue.use(VueSocketIOExt, socket1);
Run Code Online (Sandbox Code Playgroud)

我尝试使用上面的代码。但只有套接字在工作。是否可以同时连接两个插座。

javascript websocket vue.js vuex vue-socket.io

5
推荐指数
1
解决办法
97
查看次数

如何在 vue js 中访问存储值到组件

这是我的 store.js

import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex)

export default new Vuex.Store({
    state: {
        isLoggedIn: !!localStorage.getItem('token'),
        isLog : !!localStorage.getItem('situation')
    },
    mutations: {
        loginUser (state) {
            state.isLoggedIn = true
            state.isLog = true
        },
        logoutUser (state) {
            state.isLoggedIn = false
            state.isLog = false
        },
    }
})
Run Code Online (Sandbox Code Playgroud)

但是当我在 display.vue 中调用 {{state.isLoggedIn}} 时,我没有得到值。

在 display.vue 中,我使用

<script>
import axios from "axios";
import store from '../store';

export default {
  name: "BookList",
  data() {
    return {
      students: [],
      errors: [],
      state: this.state.isLoggedIn,

    }; …
Run Code Online (Sandbox Code Playgroud)

vue.js vue-router vuejs2

4
推荐指数
1
解决办法
2万
查看次数

如何使用vue js以表格格式显示作为json数据的workHr?

我的json数据是

{"status": true, "data": {"pid": 10, "bussinessName": "Ey technology", "services": "1, 3, 4, 2", "inventory": ["specs", "Eye Testing", "Lens", "Doctors"], "workHr": "Monday :9:00AM to 5:00PM,Thuesday :9:00AM to 5:00PM,Wednesday :9:00AM to 5:00PM,Tuesday : 9:00AM to 5:00PM,Friday :9:00AM to 5:00PM,Saturday :9:00AM to 5:00PM,Sunday :9:00AM to 5:00PM", "description": "Good technology company for software", "category": 1, "sub_category": ["Homeo pathy", "Web development"], "lat": 9.5274336, "lon": 76.8224309, "contactName": "simon", "contactEmail": "simon@gmail.com", "contactOfficeAddress": "college of Eng", "contactNumber": "1236547859", "contactOfficeNumber": "8947123658", "state": "Kerala", "city": "Koy", "place": "Kly", "pincode": …
Run Code Online (Sandbox Code Playgroud)

javascript vue.js

3
推荐指数
1
解决办法
499
查看次数

如何在vue js中使用谷歌地图的信息窗口内的@click触发功能?

我目前的代码是

addpolygon: function(e) {
      var vm = this;
      var point = {
        lat: parseFloat(e.latLng.lat()),
        lng: parseFloat(e.latLng.lng())
      };
      vm.coord.push(point);
      vm.replot();
      vm.marker = new google.maps.Marker({
        position: point,
        map: vm.map,
        icon: "/fred.png"
      });
      vm.infowindow = new google.maps.InfoWindow({
        content:"<a class=\"btn btn-danger\" @click.native=\"removePoint("+vm.markerid+)\">Remove</a>",
        maxWidth: 300
      });
      vm.bindInfoWindow(vm.marker, vm.map, vm.infowindow);
      vm.markers[vm.markerid] = {
        marker: vm.marker,
        point: point
      };
      vm.markerid++;
    },
Run Code Online (Sandbox Code Playgroud)

当我点击 Remove 时,我需要触发另一个函数 remove Point。

我把它定义为

removePoint: function(id) {
      alert("adsf")
    },
Run Code Online (Sandbox Code Playgroud)

但是我无法使用上面的代码触发相同的操作。当我点击按钮删除时没有任何反应。同样有什么问题。请帮我有一个解决方案?

javascript google-maps vue.js vue-component vuejs2

3
推荐指数
1
解决办法
1780
查看次数