小编Sou*_*ave的帖子

所以我想在 NuxtJs 中实现 GraphQL。

现在我需要在根元素中有一个提供者，但 NuxtJs 没有给我这个选项。

我如何将 apolloProvider 注入根Vue 元素？

我想要完成的事情：

https://github.com/Akryum/vue-apollo

const apolloProvider = new VueApollo({
  defaultClient: apolloClient,
})

new Vue({
  el: '#app',
  apolloProvider,
  render: h => h(App),
})

我试过的：

创建插件：/plugins/graphql.js：

import Vue from 'vue'
import { ApolloClient, createBatchingNetworkInterface } from 'apollo-client'
import VueApollo from 'vue-apollo'

// Create the apollo client
const apolloClient = new ApolloClient({
  networkInterface: createBatchingNetworkInterface({
    uri: 'http://localhost:3000/graphql'
  }),
  connectToDevTools: true
})

// Install the vue plugin
Vue.use(VueApollo)

const apolloProvider = new VueApollo({
  defaultClient: …

我试图用变量实现突变.但是我收到以下错误:

"Syntax Error GraphQL request (3:22) Expected Name, found $

2:     mutation {
3:       createProperty($property) {
                        ^
4:         id
"

我的架构肯定没有说出一个名字,这就是为什么我认为这个错误是如此奇怪..我也不认为关于graphql/apollo的文档是非常好的.

从客户端调用变异:

const property = {
    title: 'First house',
    cost: 849,
    bedrooms: 3,
    bathrooms: 2,
    car_spaces: 1,
    house_size: 60,
  };

  const createPropertyQuery =
  graphql(gql`
    mutation {
      createProperty($property) {
        id
      }
    }
  `, {
      options: {
        variables: {
          property,
        },
      },
    });


  const { data } = await apolloClient.query({
    query: createPropertyQuery,
  });

架构:

type Property {
    title: String!
    cost: Float
    user: …

我想在单击按钮时添加一个功能。

发布时还有另一个功能。

clicked.connect 方法仅在释放按钮时触发一个函数，因此在我的情况下它不起作用。

button.clicked.connect() 

目前正在研究图形用户界面。我正在尝试使用 3 个 QFrame 进行布局。

如下面的屏幕截图所示，黄色框位于右侧。我希望该框架位于右侧框架的顶部。（在小键盘上方，占据整个水平空间）

此外，对于右侧框架上的数字键盘按钮。我希望它们尽可能靠近，就像键盘上的小键盘一样。我将如何调整网格来做到这一点？

已编辑

这就是我想要的结果。其中红框是 rightTopFrame（第一张图中的黄框）。

代码：

def layoutUI(self):
        
        ### Right Top Frame
        self.rightTopFrame = QFrame()
        self.rightTopFrame.resize(1,1)
        self.rightTopFrame.setStyleSheet("background-color: yellow")
        
        
        ### Left Grid
        self.leftGrid = QGridLayout()
        self.leftGrid.setColumnMinimumWidth(10, 10)
        self.leftGrid.setRowMinimumHeight(1, 1) 
        
        # Run, Stop, Speed layout   
        self.leftGrid.addWidget(self.b1, 0, 0)
        self.leftGrid.addWidget(self.b2, 0, 2)
        
        self.leftGrid.addWidget(self.b3, 1, 0)
        self.leftGrid.addWidget(self.l1, 1, 1)
        self.leftGrid.addWidget(self.b4, 1, 2)  
        
        # pl (Pieces and Length) layout     
        self.leftGrid.addWidget(self.b5, 2, 0)
        self.leftGrid.addWidget(self.l2, 2, 1)
        self.leftGrid.addWidget(self.b6, 2, 2)
        
        self.leftGrid.addWidget(self.b7, 3, 0)
        self.leftGrid.addWidget(self.l3, 3, 1)
        self.leftGrid.addWidget(self.b8, 3, …